Figma Designs

A portfolio of projects designed in Figma

Figma Designs

Designing a website in Figma from start to finish

Stage 1: Basic Wireframes

The first part of this process is to connect with the client and figure out what they need. I usually ask that the client try to have a couple of examples of websites that they like. From here, I am able to focus on what style of website is needed and make a basic wireframe. This is strictly about structure! No colors, images, or text.

Basic wireframe just to show what a hero section might look like

Stage 2: Hi-Fidelity Designs

After reviewing the design with the client, its time to work on whats called a high-fidelity design. Images, text, and functionality will be added here. By the end of this stage, the client will be able to see what the final design will look like.

Final design for a conference calling product

Stage 3: Prototypes

Now is the time to prototype the design! What that means is that it will be clickable and functional after this stage. Using figma I will create a user flow that the client can use to navigate and test the design. If approved, the design will be considered done and ready for me to build in webflow or send to a different developer.

Image of what a prototype looks like after everything is connected

Want to talk about doing a Figma design? Please reach out!

Other projects: 

© 2024 Erwin Web Design