Web-Based User Interfaces — Workshop Webflow
Tags: webdesign, webflow, webflowdesign, webflowworkshop
Published: 2021-08-23 08:25:06

---
title: Web-Based User Interfaces — Workshop Webflow
published: true
date: 2021-08-22 14:53:52 UTC
tags: webdesign,webflow,webflowdesign,webflowworkshop
canonical_url: https://www.matechs.com/blog/web-based-user-interfaces-with-webflow
---

### Web-Based User Interfaces — Workshop Webflow

_A training workshop for creatives and designers who wish to expand their abilities and skills in Webflow._

![Webflow workshop banner](https://cdn-images-1.medium.com/max/1024/1*cHWo4RQbLhsTsjh19TDVBg.png)<figcaption>Webflow Workshop</figcaption>

Thousands of creatives across the world have turned to UX/UI and web design to create and prototype digital projects. Yet, there are not enough resources for designers who wish to take their skills to the next level and build responsive user interfaces and with functional logic.

Starting from the basics is the key to building your skills and unlocking your potential to design and prototype web applications and websites for your projects or your clients.

In this workshop, you’ll learn how to design web-based user interfaces and turn them into accessible and responsive HTML pages using Webflow. At the end of the workshop, you’ll be able to build responsive user interfaces and prototype entire projects in Webflow.

If interested in acquiring tickets for a group or specific communities, reach out to us at **contact@matechs.com**. We’ll be happy to assist you with any queries.

### Who Should Attend

This training workshop is for creatives and designers who wish to expand their abilities and skills in creating web-based user interfaces in Webflow.

### Prerequisites

[Webflow](https://www.webflow.com/) basic account. [Figma](https://www.figma.com/) basic account.

### Main Topics

- Fundamentals in web design
- Applying web design principles in Webflow
- Defining the structure of interfaces in Webflow
- Prototyping in Webflow
- QA testing

### Attendance

Attendance at this workshop is remote via Zoom. Attendees will be provided with a link to a meeting session the day before the event.

### Materials

Attendees will be provided with example designs that they will build in Webflow during the workshop. The sessions will not be recorded, and recording is strictly prohibited.

The instructor will be available for any questions or clarification needed after the workshop.

### About The Author

Mirela Prifti is experienced in working with multiple startup projects focusing on strategy, UX and web design. She is the co-founder of [Matechs](https://www.matechs.com/), a company solving complex business problems leveraging the power of design and [functional programming](https://www.matechs.com/blog-topics/functional-programming). At Matechs, she also organises [Webflow](https://www.webflow.com/) training courses for companies as well as public workshops. Mirela regularly publishes [learning content](https://www.matechs.com/blog-topics/webflow) about web design and best practices in Webflow. These include educational blog posts and [cloneable projects](https://webflow.com/MirelaPrifti) that Webflow designers can learn from and use for their projects. Mirela is passionate about online communities, particularly the Webflow community, where she participates as a speaker at events.

![Webflow profile Mirela Prifti](https://cdn-images-1.medium.com/max/720/1*FAiDxTKEJWg6xI5MFPpgVw.jpeg)<figcaption>Webflow Profile — Mirela Prifti</figcaption>

### About Matechs

[MATECHS](https://www.matechs.com/) is a company solving complex business problems leveraging the power of _design_ and _functional programming_. The company organizes workshops in _functional programming_, in partnership with [Ziverge](https://www.ziverge.com/):

- [Practical Functional Programming In Typescript](https://www.eventbrite.co.uk/e/practical-functional-programming-with-typescript-london-edition-tickets-159683316097)

And

- [Front-End Testing In Typescript](https://www.eventbrite.co.uk/e/frontend-testing-in-typescript-london-edition-tickets-160606210499)

* * *