1
00:00:00,008 --> 00:00:04,669
[MUSIC]

2
00:00:04,669 --> 00:00:08,840
We're going to design a landing
page that does three things.

3
00:00:08,840 --> 00:00:12,330
Captures the attention of visitors
as soon as they hit the site.

4
00:00:12,330 --> 00:00:17,400
Educates them about the product, and
then drives them toward a pre-order.

5
00:00:17,400 --> 00:00:22,810
They're 25 to 35 year old homeowners
that make heavy use of social media.

6
00:00:22,810 --> 00:00:26,720
We're designing a landing page for
a marketing campaign and

7
00:00:26,720 --> 00:00:31,070
ultimately we want site visitors
to pre-order the product.

8
00:00:31,070 --> 00:00:35,745
We want to draw attention to the pre-order
offer most likely in the form

9
00:00:35,745 --> 00:00:38,015
of a button or a link.

10
00:00:38,015 --> 00:00:43,395
This is what's called the call to
action because it's the behavior or

11
00:00:43,395 --> 00:00:46,975
action that we want to
encourage in site visitors.

12
00:00:48,155 --> 00:00:53,215
It's important to define the call to
action because when designing a website,

13
00:00:53,215 --> 00:00:57,830
it's best to design from the inside and
work your way out.

14
00:00:57,830 --> 00:00:59,520
Let me explain.

15
00:00:59,520 --> 00:01:02,820
If you start designing
a webpage by adding the logo,

16
00:01:02,820 --> 00:01:08,190
navigation, Twitter, and everything
else that goes around the content,

17
00:01:08,190 --> 00:01:11,210
then the purpose of
the page might get lost.

18
00:01:11,210 --> 00:01:16,530
The page can get crowded with pieces of
noise around the outer edges of the page,

19
00:01:16,530 --> 00:01:20,570
without much room left to focus
on the inside of the page

20
00:01:20,570 --> 00:01:22,740
where the content belongs.

21
00:01:22,740 --> 00:01:27,030
Instead, it's best to start with
the primary purpose of the page, and

22
00:01:27,030 --> 00:01:31,690
then build everything around
each subsequent priority.

23
00:01:31,690 --> 00:01:35,460
That's what it means to
design from the inside out.

24
00:01:35,460 --> 00:01:40,150
It's not always possible to do this on
an existing webpage, but for a landing

25
00:01:40,150 --> 00:01:45,080
page that's separate from the rest of
the site, it can be a good approach.

26
00:01:45,080 --> 00:01:48,173
So the call to action
will be to pre-order.

27
00:01:48,173 --> 00:01:51,950
With that in mind, we're ready to
start wire framing the design.