This episode is about “Design”. I’ll take you through my process of how I designed a landing page (low to high-fidelity wireframes) in figma. My struggles in using the “Figma to Webflow plugin” and building a responsive website portfolio in Webflow for the first time.
“Made from Scratch” is a series where I will go through the design process of how I designed my UI/UX design Portfolio Website.
#designprocess #webdesigner #uiuxdesigner
Let’s connect!
Email: alfredbydesign@gmail.com
Instagram: https://www.instagram.com/alfredbydesign/
Resources
Flux Academy: Figma to Webflow – Complete Website Tutorial
Learn Webflow in 16 Minutes (Crash Course)
Webflow University: Figma to Webflow – Full Course
Portfolio Inspiration:
Veza Digital: https://www.vezadigital.com/
Artists Web: https://www.artistsweb.com/
Joseph Berry: https://joseph-berry.webflow.io/
Mary Daniel: https://mary-daniel-portfolio.webflow.io/
Chapters
00:00 Intro
00:37 Background
00:55 Low to Mid-Fidelity Wireframes
01:28 Creating a Tagline using ChatGPT
02:35 Designing Homepage Header
04:00 Designing the rest of the Homepage
05:23 Using the Figma to Webflow Plugin
07:56 Building the Landing page on Webflow
09:38 Final Designs and Outro
