Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Start a free Basic trial
to watch this video
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.
Question Ideas for Stakeholders
- How important is this product launch to the company?
- How does this product connect with the company's brand?
- How does this product relate to other products the company has released in the past?
- What does success look like for this website?
- How is this website different than our competitors?
- What problem is the product solving for customers?
- How would you describe a typical customer?
-
0:00
[MUSIC]
-
0:04
Going from a blank screen to a finished website can be daunting.
-
0:09
What's the best way to get started?
-
0:11
And what are the rest of the steps involved?
-
0:14
Good designers don't immediately start creating color palettes or
-
0:17
coding a web page.
-
0:18
Instead, they start by learning the goals of the site.
-
0:22
Then they consider the audience that will use it, and
-
0:26
finally, they gather the content that needs to be present.
-
0:29
It's only after this initial phase
-
0:32
that they're ready to start on the layout and visuals.
-
0:36
For many people, design can feel ambiguous.
-
0:39
There's no single path to follow, and there are no industry-standard procedures.
-
0:44
It's inexact and filled with decision-making.
-
0:48
That means that with every new design,
-
0:51
it's best to assume as little as possible and learn as much as you can.
-
0:56
And designing a website is no different.
-
0:59
The early phases of design have many names,
-
1:01
but sometimes people call this first chunk the discovery phase.
-
1:07
Because we're trying to find as much information as we can,
-
1:11
before we start designing something that doesn't actually fit the right needs.
-
1:16
A great way to start a new web project is to take a step back from the computer,
-
1:22
talk to people in your organization and ask, why are we building a website?
-
1:28
Another way to think about it might be, what is the purpose of our website?
-
1:32
Or what are problems that we're trying to solve by building a website?
-
1:37
It might seem like an obvious question, but the answers are not always so obvious.
-
1:42
You may want a site to increase awareness of your brand for
-
1:46
when people are making purchasing decisions in the future.
-
1:49
You could also what them to immediately purchase a product or
-
1:53
service, share your content or take any number of other actions.
-
1:58
For instance let's say that we're a web designer at a company, and
-
2:03
the company is launching a new product called Flamingo Friend.
-
2:07
It's a smart device connected to the Internet.
-
2:10
It goes in a front or back yard of a home, and
-
2:13
it tracks the health of grass by measuring hydration, pH level and other metrics.
-
2:20
Most project have what are called stakeholders.
-
2:24
A stakeholder is a person that has an interest in a project or
-
2:28
some level of involvement.
-
2:30
This could include clients, managers, coworkers or
-
2:34
anyone else that might have a vested interest in the outcome of the project.
-
2:38
When you talk to stakeholders, it's important for you to ask questions that
-
2:42
help you understand the organization strategy and their priorities.
-
2:46
In the case of a product launch,
-
2:47
you might ask things like, how important is this product launch to the company?
-
2:52
How does this product connect with the company's brand?
-
2:56
How does this product relate to other products
-
2:58
the company has released in the past?
-
3:01
For more questions like these ones that can help guide the conversation,
-
3:05
check out the notes associated with this video.
-
3:09
When you communicate with stakeholders they can sometimes be
-
3:12
too solution oriented.
-
3:14
They might propose that you design something a specific way or
-
3:18
include a particular website feature.
-
3:21
While that can give you some insight into their thinking, make sure that you
-
3:26
follow up those types of requests, so that you understand the underlying intent.
-
3:31
People tend to jump right into the details of building a solution,
-
3:35
like the color of a web page or the types of pictures to display.
-
3:40
But during discovery, your job,
-
3:42
as a designer, is to keep the conversation focused on defining the problem.
-
3:48
If you jump to a solution too soon,
-
3:50
there's a good chance you'll completely miss the goals of the project.
-
3:54
A quick solution might also not communicate with the audience effectively,
-
3:59
and you might mistakenly leave out important information.
-
4:03
In this case, we're just going to create one
-
4:06
page of what would normally be a larger and more complex website.
-
4:11
We'll pretend we've spoken to the product and marketing teams, and
-
4:15
they want us to create a landing page.
-
4:18
Typically, a landing page is a special destination on a website for
-
4:23
a marketing campaign.
-
4:25
This could be for the launch of a new product, the announcement of a sale or
-
4:30
a new PR initiative for the company.
-
4:33
A special URL like example.com/product
-
4:37
is an opportunity to create a design that's custom tailored to the campaign and
-
4:42
gather more accurate analytics data about the success of the campaign.
-
4:48
Let's say that after one or two meetings with the marketing team,
-
4:52
we've agreed that the landing page needs to do three things,
-
4:56
capture the attention of a website visitor,
-
4:59
educate visitors about the product and entice visitors to pre-order the product.
-
5:05
So with those three fairly straightforward goals in mind, let's move on.
You need to sign up for Treehouse in order to download course files.
Sign up