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:

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

34 comments

  1. Nice video to get started with wireframing the new website. I have a quick question – How do we incorporate SEO friendliness during the website design so that we make sure the end product is found easily when people search for that topic?

    Thanks!

  2. Hi Adrian, do you mind sharing the name of the tool in the video to produce the hand drawn wireframe? Thank you.

  3. 1) Thank you, Adrian 👍🏼
    2) Unlike the other links, accessing the link to your channel doesn‘t seem to work, i.e. isn’t even triggered to open the “which browser” window; experienced such on an iPad Pro 2020 using the YouTube app, both are freshly update (not that I think that this has anything to do with it per se, but just to give an entire a picture as possible 🙃
    Somebody having access to a desktop computer may have a different experience…

  4. Thanks very much for this. Looking for more especially how to covert wireframes into html& css. Im just trying to design and build a simple website for a small business.

Leave a comment

Your email address will not be published. Required fields are marked *