Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

Web Design Process Course (How To)

via Treehouse

Overview

Going from a blank screen to a finished website can be daunting. In this course, you'll learn about the major steps involved in designing websites. We'll learn how to gather information, explore potential concepts, and iterate on a design. By the end, you'll have the foundation you need to continue your design journey.

What you'll learn

  • Design discovery
  • Design exploration

Syllabus

Discovery

The early phases of design have many names, but sometimes people call this first chunk the "Discovery" phase because we're trying to find as much information as we can before we start designing something that doesn't actually fit the right needs.

Chevron 4 steps
  • Setting Goals

    5:10

  • Understanding the Audience

    3:30

  • Gathering Content

    2:23

  • Discovery Review

    5 questions

  • Extra Credit

    Working on your own web project? Try interviewing other people in your organization, or people that may potentially visit your website. Ask them questions about their needs and create a summary of your findings. It might seem a bit strange the first time you do it, but you'll be glad later on when you have notes to help guide your design decisions.

Exploration

After you've finished gathering information and communicating with stakeholders, you're ready to start exploring potential concepts.

Chevron 5 steps
  • Defining a Call to Action

    1:52

  • Prototyping with Wireframes

    3:20

  • Mobile First Design

    7:55

  • Iterating on a Design

    12:23

  • Exploration Review

    5 questions

  • Extra Credit

    Up for a challenge? Try taking the wireframes from this course and create two completely new designs using the exiting content. What can you come up with? Then, compare the designs to see which you like best; you might surprise yourself.

Reviews

Start your review of Web Design Process Course (How To)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.