Designing an e-Bike Landing Page UI Design in Figma – Speed Art Tutorial
Hello creatives 👋🏼, Today we will learn to design an e-Bike Landing Page UI Design in Figma / Adobe XD. #WebDesign #UIDesign #eBike #uiuxdesign The main goal of these videos…
Read More »
How to Build a Professional Website from a Wireframe with Squarespace!
Access the complete Website Blueprint Course on Udemy: https://www.udemy.com/course/planning-for-a-web-design-project/ Access the Squarespace Box of Tricks course on Udemy: https://www.udemy.com/course/squarespace-web-design-box-of-tricks/ View the full template on PixelHaze Store: https://pixelhaze.store/galbraith-jewellery-squarespace-template If you want…
Read More »
Turn Midjourney UI to Web Design
Explore AI-driven web design techniques, focusing on Midjourney-inspired interfaces, buttons, icons, and logos. Full course: https://designcode.io/midjourney This course covers UI patterns, color schemes, typography, design components, and auto layout. Figma…
Read More »
Responsive CSS Grid Tutorial
New to CSS Grid? Watch the full Crash Course here: https://www.youtube.com/watch?v=yOPCQ5nD1Vs Add Google Fonts to your web design here: https://www.youtube.com/watch?v=N4e3XCD_E8E&lc=z234sxpyvmmlytcwb04t1aokgqn2ra244pkcbj1fp0rwrk0h00410 In this video I go over how I use CSS…
Read More »
Flexbox Navbar Tutorial | Only HTML & CSS
New to CSS Grid? Watch the full Crash Course here: https://www.youtube.com/watch?v=yOPCQ5nD1Vs&t=214s In this video I go over how to create a Navigation Bar using Flexbox. I show you the full…
Read More »
Wireframe & UX Design in Adobe XD — Web Design Pt 2
How do you use Adobe XD to wireframe? What is a high-fidelity (hi-fi) wireframe? How do you design a webpage wireframe? How do you use layout grid in Adobe XD?…
Read More »
UX Design Process: How To Sketch Wireframes—Web Design Pt 1
How do you wireframe a website? How do you create a landing page from scratch? How do you sketch a wireframe? How do you design a sales landing page for…
Read More »
How to Design a Website – A UX Wireframe Tutorial
Learn how to use wireframing to help design a website. A good wireframe can provide the vision for the entire layout and functionality of a website. It can serve as…
Read More »