Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Web Design Process!
You have completed Web Design Process!
Preview
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.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Once you've spent time setting goals for
0:00
the site and gathering information
about the target audience,
0:02
you should collect all of the content
you'll need to put your design together.
0:06
Generally speaking, this can include
things like text, images, and
0:12
company logos.
0:15
It's possible there are also design
guidelines to which you should refer for
0:17
things like fonts and colors.
0:22
Where these things come from might vary,
0:25
depending on the size of an organization
and the scope of the project.
0:27
If you're working in a small team,
you might be the one creating a logo and
0:33
doing a good chunk of the writing,
which is usually called copy.
0:37
Or you might have to
take some product photos.
0:42
For our exercise,
0:45
let's assume we have been given
a document with some copy and a logo.
0:47
We're also told there will be some
product photos closer to the launch, but
0:52
those aren't available yet.
0:57
It's a good idea to look these things
over and make sure they're all usable.
0:59
Check the copy for any misspellings,
1:04
grammatical errors, or areas that
you think might need clarification
1:06
based on your previous research
of the target audience.
1:11
If you're given images, check for
appropriate formatting.
1:15
Ideally, logos and other graphics
are delivered to you in a vector format,
1:19
so that you can turn them into SVGs.
1:25
If you're working with photographs,
you want the highest resolution you can
1:28
find with the least amount of image
compression, because you can always
1:32
resize them and compress them yourself
in an image editing tool like Photoshop.
1:37
But if they're already heavily compressed,
or if they're too small,
1:42
there's not much you can do.
1:46
So it's best to learn these things
before you start mocking up pages.
1:47
This has been a broad overview
of the discovery phase.
1:54
Depending on the project,
the organization, or your own work flow,
1:57
this phase of the project could take up
a lot more time and involve more steps.
2:02
It could also be simplified.
2:07
For our purposes, we're ready to proceed.
2:09
We know what this page needs to do.
2:12
We know the target audience, and
2:15
we have all the content we should
need to get started on a design.
2:17
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up