TeamWork

Designing and building a website, from Figma to Webflow

overview

Role
Designer & Developer
Language
Duration
1 week

What did I do?

I built a fully responsive and dynamic website consisting of a landing page, blog page, and article view page designed in Figma and built and deployed in Webflow.

CMS is utilized to render dynamic blog content for each article selected from the blog page.

BACKGROUND

Why I picked this project

Heading

Take a look at the final product

Mockups

App Demo

tech stack

Here's what I used to get it done

  • Design - Figma
  • Development - Webflow

overview

Role
Designer & Developer
Language
Duration
1 week

What did I do?

I built a fully responsive and dynamic website consisting of a landing page, blog page, and article view page designed in Figma and built and deployed in Webflow.

CMS is utilized to render dynamic blog content for each article selected from the blog page.

outcome

Take a look at the website

The first thing I do whenever I start a new project after brainstorming and ideating to figure out exactly what I’m going to build, is head to Figma to bring my ideas to life.

Wireframes

Drawing inspiration from my mood board, I began wireframing to determine the architecture, layout and structure of each page.

Wireframes for the TeamWork website

High fidelity mockups

From there I designed each individual page before moving forward to develop the whole site in Webflow.

High fidelity mockups for the TeamWork website

tech stack

Here's what I used to get it done

  • Design - Figma
  • Development - Webflow
Other projects