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 the first stage of a design, give an idea of the overall structure pages will take, and how navigation will flow.

🎥 Video from Adrian Twarog. Check out his YouTube channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 25 Comments

  1. S G

    Thank you so much! 🙂

  2. Axis Medium

    Perfect tutorial! I am a full-stack (VueJs & Golang) developer who always gets depressed when comes to the design part especially what to put and how to layout(I always find myself spending tons of time on the color palette and searching for best designs to see how they did in their websites which is very confusing if you don't why they did so)…and what is the best convention! Thanks so much Adrian looking forward for more beautiful videos like this! Much love from Tanzania!

  3. KIKITO

    What's the name of the app on screen now

  4. Health Advice

    does this requires questioning the client about the project right from the start?

  5. brian Smith

    Terrific Introduction and explanation of wireframing, no waffle and straight to the point, really enjoyed this. Super video. thank you

  6. Farid Guelmi

    image slides are a big NO NO in 2022 (since a decade to be exact)

Leave a Reply