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, footer, 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.