How to Wireframe a Landing Page

Опубликовано: 17 Январь 2025
на канале: Monica's Design Process

39,903

528

This is my process for how to wireframe a website homepage redesign. I start with wireframe sketching on pen and paper then create a low-fidelity wireframe using the Sketch app.

See part 2 where I finish the design in Sketch:    • Designing in Sketch: Impossible Proje...

Blocks wireframing kit for Sketch I use to speed up my wireframing (created by product designer and illustrator Mackenzie Child): https://www.mackenziechild.me/

---
LINKS

Want 10% off Field Notes? Use code MONICA10 https://fieldnotesbrand.com

Present your designs and artwork in a professional way, check out the Modern Frame Mockup Bundle: https://monicagalvan.co/mockups

Need help wireframing? Check out the Wireframe Kit: https://monicagalvan.co/wireframes

Try Skillshare free for 1 month: https://www.skillshare.com/r/user/mon...

---
ABOUT ME

Hello! I'm Monica, a designer and photographer from the Bay Area of California. This channel is a place where I share all my design side projects and help you learn more about design in the process.

---
SOCIAL

Instagram –   / themonicagalvan
Website – http://monicagalvan.co/

---
MUSIC

"Life of Eve Ft. Låpsley (Tulpa Remix)" by BABEL
  / babel-life-of-eve-ft-l-psley

---
About this video:
What is a wireframe? Learn how to wireframe in this tutorial. Wireframing explained: In this video I share my process for how to wireframe an app in Sketch. This is a wireframing tutorial where I go over wireframing basics, using Sketch as part of your wireframing tools, how to wireframe an app and consider the UX and UI design elements. This video is great for wireframing for beginners.