Skip to main content

Wester Computer Audit (Part 1)

Lesson 46 from: Creating High Converting Landing Pages

Isaac Rudansky

Wester Computer Audit (Part 1)

Lesson 46 from: Creating High Converting Landing Pages

Isaac Rudansky

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

46. Wester Computer Audit (Part 1)

Lessons

Class Trailer

Landing Page Design Fundamentals

1

Laying the groundwork for good design

13:23
2

The Myth Of The Perfect Landing Page Conversion Rate

12:05
3

The 3 Main Types of Landing Pages and How To Use Them Effectively

18:57
4

Business Models and Understanding Your Conversion Actions

06:04
5

The AIDA Sales Funnel and The Online Decision Making Process

16:48
6

The Awareness Stage of the Funnel ... Where It All Begins

17:26
7

The Interest Stage of the Funnel ... Tell Me More

14:10
8

The Desire Stage of the Funnel ... I Want What You Sell

12:44
9

The Action Stage of the Funnel ... I'm Going to Buy What You Sell

09:05
10

The Fogg Behavior Model and how it Applies to Good Landing Page Design

19:25
11

Making Your Landing Page Design Memorable

12:44
12

Quiz: Landing Page Design Fundamentals

Principles of Good Landing Page Design: Examples, Case Studies & Best Practices

13

The Primacy of Product and The Concept of Usability in Landing Page Design

15:23
14

Eschew Obfuscation ... Clarity and the Quest for Fewer Question Marks

11:17
15

The 5 Second Usability Test in Landing Page Design (and how you can use it now)

12:25
16

The Art and Science Behind Designing High-Converting Calls To Action (CTA's)

18:29
17

Readability and Visual Hierarchy Landing Page Design

19:50
18

Respecting Web Conventions in Landing Page Design

13:22
19

Using Videos, Graphics and Imagery to Increase Landing Page Conversion Rates

19:53
20

Information Architecture and Accessibility - Landing Page Design Best Practices

19:51
21

Trust, Safety and Credibility (Part 1) Landing Page Design Best Practices

15:34
22

Trust, Safety and Credibility (Part 2) Landing Page Design Best Practices

08:43
23

Dedicated Landing Page Design Best Practices (Part 1)

14:57
24

Dedicated Landing Page Design Best Practices (Part 2)

12:18
25

Quiz: Principles of Good Landing Page Design: Examples, Case Studies & Best Practices

Principles Of Persuasion in Conversion Rate Optimization

26

Using Scarcity to Improve Conversion Rates on Your Landing Pages

09:46
27

Principles of Persuasion - Reciprocal Concessions & Reciprocity in Landing Pages

12:07
28

Principles of Persuasion ... Anchoring and Cognitive Dissonance Theory

18:56
29

User Scenarios and Contextual Perception in Landing Page Design

16:37
30

Quiz: Principles Of Persuasion in Conversion Rate Optimization

Building a High Converting Landing Page From Scratch

31

My Favorite Landing Page Builders and Getting Started With Our Unbounce Page

10:02
32

Getting Familiar With the Unbounce Page Builder and Adding Our Header Section

07:28
33

Creating a Logo in Photoshop and Using the Unbounce Image Uploader Tool

16:25
34

Working With Background Imagery in Landing Pages and Developing Our Hero Section

15:36
35

Creating a Form, Action Block, and Finishing the Hero Section in Unbounce

19:27
36

Discussing Landing Page Design Changes and Creating our Primary Content Section

16:17
37

Finishing Page Content, Adding Icons, Footer and Working With Buttons Unbounce

10:42
38

Publishing Your Unbouonce Landing Page on Your Custom Domain

03:43
39

Adding Custom CSS in Unbounce to Create Professional Drop Shadows

06:03
40

Making Your Landing Page Design Work Better With Custom Javascript Snippets

08:08
41

Mobile Site Layout in Unbounce Based on Mobile Landing Page Design Guidelines

02:30
42

Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

03:30
43

Assigning A_B Testing Variants in Unbounce and Assigning Traffic Weights

12:20
44

Integrating Your Unbounce Form Submissions With Your Mailchimp Account

09:06
45

Quiz: Building a High Converting Landing Page From Scratch

Landing Page Audit in Action

46

Wester Computer Audit (Part 1)

08:28
47

Wester Computer Audit (Part 2)

09:16
48

Wester Computer Audit (Part 3)

15:19
49

Wester Computer Audit (Part 4)

13:52
50

Quiz: Landing Page Audit in Action

Conclusion

51

Conclusion

02:52

Final Quiz

52

Final Quiz

Lesson Info

Wester Computer Audit (Part 1)

just to introduce kind of an overview of the different aspects I want to be focusing on. Um, the first thing we're gonna take a look at is is site speed. And I'll just tell you off the bat, the site speed is pretty good. There's a couple of things that you could definitely work on, but that's if there's an, if we ever do uncover an issue with site speed, it is a major deal and um, it's important to fix it. The next topic we're gonna talk about is production quality and first impressions. So many studies have shown that that visitors will make a very quick subconscious first impression of your site, like literally within 100 milliseconds. So we want to make sure that that initial emotional feeling that a person has about your business is very positive and that's what we refer to as production quality. What is that first initial aesthetic sense that a person gets from landing on the page next. The most important thing. Um, we're gonna dive into is the clarity of the headlines, sub headli...

nes, text and calls to action and then different best practices when it comes to formatting the text for the web. We want to analyze effective copy. We want to look for volume of text, understanding where the upstream traffic came from. Who to optimize for this idea of being um contextually aware or contextually perceptive. Uh, and then we want to move into talking about trust elements and security, how people get how people feel about the validity of Western computer, the legitimacy of you as a company working to see if we could figure that out and and improve the trust and and securities to trust security sense that a visitor would get fonts, colors and graphics is another crucial element when it comes to the aesthetic layout of the page, graphical graphical content matching up um, in a logical way with the actual content of the page. And then just an overall sense of intuitiveness, ease of use, structure and clarity. So let's take a look at um, let's, let's let's start off by talking about site speed as far as you know, the first thing we'll kind of dive into here. Overall site speed is very good. There's a few issues. One of the issues that I had mentioned that we, that we have found is um, loading optimized images. So some of the images that you're loading, especially some of these icons, some of the logos you have in the footer, um, are very large images that are being served smaller, but it's always a best practice to make sure that you optimize the images and serve the proper size images. This is the proper size image that's going to be displayed on the page. That's a big aspect here. Um, moving on from there, let's, let's talk about the more important things such as production quality first impressions when I first come to this site. When a user first lands on the site, there's an overall feeling that it's a polished site. So the production quality, the, the initial aesthetics is not too bad. It's not too far off. But once we start diving into things a little bit further, we wanted to we run into bigger issues. When I first land on the site, there's an initial sense of just feeling lost. I don't really understand. I don't really know what's going on. I have a big blank image over here. Right, And excuse my sloppiness of the pen. This blank image is a nice image, but it doesn't tell me much, it doesn't tell me much about Western computer. I look at the logo. This is area of the site is where I get that identity and I see a Western computer. I don't know if you sell computers. Um, I don't know if you repair computers. I don't know if you're a networking company, I just don't know what you do and that's a big problem. So, one way to solve that is by adding a tag line. Okay, so tagline is something which is often overlooked by a company, but it's something which is a very big asset because it's, it's a small bit of text that's clear to the point. It's not marketing text, it's not like, you know, bigger, better, faster, reliable. It's it's supposed to be a mission statement, not a mission statement per se, but it should convey what you actually do. Okay, that's, that's really what a um, a good tagline accomplishes. Now we have a blank image, there's it's never good to have so much space on the site, especially on a smaller screen around a laptop, I'm on a wide screen, so we get some content below the fold. Um but it's never really good to have so much space that is not taken up by meaningful content because this is where my eyes go to first to learn about this site and I don't get that information, I don't really know what the site is about. My eyes, then go to contact us and support. Those are two different calls to action and then lower down, I see live chat. Um and this is confusing. Um If I wanted to get in touch with you, do I do I use this call to action? It's the support. Um for me, do I need, do I need to speak to support? Is it better to do a live chat? So there's three different calls to action that all have the same visual appeal, which is the problem and we'll talk about that in a minute. Okay, moving forward down into the content so I don't I feel lost, I don't really know what's what this page, this specific pages about and more importantly, I don't feel comfortable that I'm gonna be able to find the information that I need on this page. I see a one block of content here. That's very text heavy. Um Once again we have a big area on the top of the site that doesn't give me any information and immediately one starts to get a sense, I'm not really sure where in the site I am and I'm not really sure what this page is about and I'm not so confident, I'm gonna be able to find the information that I'm looking for here. We have a headline distribution now because there's no context that was provided for distribution here. Um we start to get a little bit lost. And what do you mean by distribution? What are you distributing? Who are you distributing for? Where are you distributing? What does this distribution have to do with me? So that's a big issue that needs to be solved. The clarity of the headlines here are are lacking tremendously. Um, And here's the first thing that actually gives some information the sub headline on the page and it's not the first thing someone sees. We're looking at one two three For and the 5th thing someone eyes go to is a sub headline that still doesn't give me the clearest amount of information solutions for the wholesale distribution industry. But what kind of solutions there should be this kind of confusion is why corporate websites and companies that are offering complex products like Western computer and especially a page like this, that is very industry specific. We're trying to give information for people in a specific industry. That's where a secondary navigation comes into handy over here, a menu that can give people some more information like about how this product works, um the solutions for the specific industry and they can navigate right from here um and have a much clearer option. So let's just jump over to the white board and um just just to point out now it's pretty cool. Um we don't we don't usually do this, but but I went ahead and created a Photoshop document with some of these ideas that will go through in a little bit, but here we are in the white board, so here's what I'm proposing. Um you know, this is right right below the navigation. So here's our first box, right, so this box should be Mhm This box should be, you know, it could be a background image, a light background image, a graphical content that has to do, but it should be, your headline headline has to be the first thing somebody sees and that headline must tell a person what this page is about. And there should probably be a sub headline over here as well in that first section. And the sub headline should be clarifying the headline, giving a little bit more context identifying with the person below. What would be great to have is this secondary navigation, our content and a clearly defined action block with our call to action and this is going to set up the overall structure of a really powerful page. So we'll have second navigation um we'll have our body content over here, and this is going to be our clear call to action. Well, what we call our action block, where there'll be a, you know, a clear button. One simple call to action and everything on this page has to support this call to action being the next logical step in the process.

Class Materials

Bonus Materials with Purchase

Dedicated Landing Page Design Best Practices

Ratings and Reviews

a Creativelive Student
 

Great Job!! Isaac's energy is contagious, he is insightful and engaging. It is a lost of valuable content and I feel I learned so much from him in this short time. He is a reason I will end up with the subscription so I can watch this course again along side of his other courses. My only complaint was live streaming kept turning off and I missed information.

Student Work

RELATED ARTICLES

RELATED ARTICLES