Introducing the Web Design Process

Name: Introducing the Web Design Process
Rating: 4.4 (86 reviews)

Design web applications faster and more effectively by formalizing your design process

Created byTeam Treehouse

Last updated 1/2023

English

What you'll learn

Describe the process of creating design goals
Assess the audience for a design project
Identify the sources of content for a design project
Assemble the content needed for a design project
Create a wireframe to illustrate a final design concept

Course content

2 sections • 8 lectures • 36m total length

Introduction0:18
Setting Goals5:10
Going from a blank screen to a finished website can be daunting. What's the best way to get started, and what are the rest of the steps involved? Good designers don't immediately start creating color palettes or coding a web page. Instead, they start by learning the goals of the site.
Understanding the Audience3:30
In order to successfully reach the goals you've set for a website, you have to understand the target audience.
Gathering Content2:23
Once you've spent time setting goals for the site and gathering information about the target audience, you should collect all of the content you'll need to put together your design.
Discovery Review

Defining a Call to Action1:52
We want to draw attention to the pre-order offer, most likely in the form of a button or a link. This is what's called the call to action, because it's the behavior, or action, that we want to encourage in site visitors.
Prototyping with Wireframes3:20
A wireframe is a simple version of the final product. Similar to how buildings are made using a simple blueprint drawing, websites are typically first designed with simple black and white lines that help frame where each piece of content should go.
Mobile First Design7:55
While it might be tempting to think about what the site might look like on a desktop, we're going to start with the mobile version first.
Iterating on a Design12:23
An iteration is one version of your project, and there will likely be several versions between the start and the final product. When creating a design, your first idea is almost never your best idea.
Exploration Review

Requirements

No programming experience necessary.

Description

Going from a blank screen to a finished website can be daunting. This course provides real-world instruction and hands-on lessons in the most valuable aspects of the web design process.

In this course, you'll learn about the major steps involved in designing websites. Join us as we take you on a journey that will teach you how to gather information, explore potential design concepts, create a wireframe to illustrate a final design concept, and iterate on a design. In this course, you'll learn how to:

· Identify the role of a stakeholder in a design project

· Formulate questions to ask project stakeholders

· Describe the process of creating design goals

· Estimate the importance of identifying the audience for a design project

· Assess the audience for a design project

· Identify the sources of content for a design project

· Assemble the content needed for a design project

· Describe the motivation for defining a call to action

· Use a design tool to start designing from the inside-out

· Create a wireframe to illustrate a final design concept

· Describe the importance of starting with a mobile-first design

· Describe the purpose of iterating on a design

By the end, you'll have the foundation you need to continue your design journey.

Who this course is for:

People who want to learn the steps involved in designing websites.
Designers who want to begin offering consulting and contracting services.

Introducing the Web Design Process

What you'll learn

Explore related topics

Course content

Discovery4 lectures • 11min

Exploration4 lectures • 26min

Requirements

Description

Who this course is for: