Product Designer Portfolio: Design and Webflow Development
I designed website in Figma with Relume and developed it in Webflow.
Process
Step 1. Sitemap & Wireframes in Relume
Sitemap.
Wireframes.
Wireframes for different devices.
Step 2. Design in Figma
Based on the client's feedback and needs gathered over two design review iterations, I created three design versions.
Design in Figma.
Step 3. Web development in Webflow
Static and CMS Collection pages
Home page.
Page navigator.
Variables
Primitive variables
Primitive variables.
Semantic variables
Semantic variables.
Font variables
Font variables.
Style Guide
Style guide page.
Support Loom videos
I recorded video instructions to make it easier for the client to maintain their website, covering tasks like content updates, adding new sections, and image replacement.
Video instuctions for client.
Project Result
Website pages
Home page.
Project page.
All pages.
Disclaimer: This is only a copy of the site for use in this portfolio and is NOT kept up-to-date with the live, production website. Content may be outdated.
Like this project
1
What the client had to say
Working with Luda on my Webflow portfolio was seamless. Excellent quality, super fast, and clear communication—I always knew what to expect. She made all edits easily and delivered outstanding work. Highly recommend her services!
Marina Kokush Dēclick Agency
Jan 22, 2025, Client
Posted Feb 20, 2025
Sitemap and wireframes in Relume, design in Figma, and live website in Webflow.
Likes
1
Views
1
Timeline
Nov 28, 2024 - Jan 22, 2025
Design & Webflow Development: Portfolio for Solopreneur
Building a Desing System from Scratch in Figma