How I design a personal website from start to finish with Figma and FigJam. I cover the ideation process, defining an information architecture, organizing content, building wireframes and designing the high-fidelity mockups.
Stay tuned for part 2 where we will code the website with NextJS!
#Figma #Wireframes #Design #Crypto #PersonalWebsite
Sections
00:00 Introduction
00:06 Design Process
00:15 Ideation
00:20 Sitemap
00:28 Content
00:39 Wireframes
01:05 Styleguide
01:15 Desktop Designs
01:57 Mobile Designs
Checkout the final website here:
https://aboutnik.com
Find me here:
Website: https://lukashoppe.com
Dribbble: https://dribbble.com/lukasjoho
GitHub: https://github.com/lukasjoho
Stay tuned for part 2 where we will code the website with NextJS!
#Figma #Wireframes #Design #Crypto #PersonalWebsite
Sections
00:00 Introduction
00:06 Design Process
00:15 Ideation
00:20 Sitemap
00:28 Content
00:39 Wireframes
01:05 Styleguide
01:15 Desktop Designs
01:57 Mobile Designs
Checkout the final website here:
https://aboutnik.com
Find me here:
Website: https://lukashoppe.com
Dribbble: https://dribbble.com/lukasjoho
GitHub: https://github.com/lukasjoho
- Category
- Web design
Be the first to comment