My Favorite Landing Page Builders and Getting Started With Our Unbounce Page
Isaac Rudansky
My Favorite Landing Page Builders and Getting Started With Our Unbounce Page
Isaac Rudansky
Lesson Info
31. My Favorite Landing Page Builders and Getting Started With Our Unbounce Page
Lessons
Laying the groundwork for good design
13:23 2The Myth Of The Perfect Landing Page Conversion Rate
12:05 3The 3 Main Types of Landing Pages and How To Use Them Effectively
18:57 4Business Models and Understanding Your Conversion Actions
06:04 5The AIDA Sales Funnel and The Online Decision Making Process
16:48 6The Awareness Stage of the Funnel ... Where It All Begins
17:26 7The Interest Stage of the Funnel ... Tell Me More
14:10The Desire Stage of the Funnel ... I Want What You Sell
12:44 9The Action Stage of the Funnel ... I'm Going to Buy What You Sell
09:05 10The Fogg Behavior Model and how it Applies to Good Landing Page Design
19:25 11Making Your Landing Page Design Memorable
12:44 12Quiz: Landing Page Design Fundamentals
13The Primacy of Product and The Concept of Usability in Landing Page Design
15:23 14Eschew Obfuscation ... Clarity and the Quest for Fewer Question Marks
11:17 15The 5 Second Usability Test in Landing Page Design (and how you can use it now)
12:25 16The Art and Science Behind Designing High-Converting Calls To Action (CTA's)
18:29 17Readability and Visual Hierarchy Landing Page Design
19:50 18Respecting Web Conventions in Landing Page Design
13:22 19Using Videos, Graphics and Imagery to Increase Landing Page Conversion Rates
19:53 20Information Architecture and Accessibility - Landing Page Design Best Practices
19:51 21Trust, Safety and Credibility (Part 1) Landing Page Design Best Practices
15:34 22Trust, Safety and Credibility (Part 2) Landing Page Design Best Practices
08:43 23Dedicated Landing Page Design Best Practices (Part 1)
14:57 24Dedicated Landing Page Design Best Practices (Part 2)
12:18 25Quiz: Principles of Good Landing Page Design: Examples, Case Studies & Best Practices
26Using Scarcity to Improve Conversion Rates on Your Landing Pages
09:46 27Principles of Persuasion - Reciprocal Concessions & Reciprocity in Landing Pages
12:07 28Principles of Persuasion ... Anchoring and Cognitive Dissonance Theory
18:56 29User Scenarios and Contextual Perception in Landing Page Design
16:37 30Quiz: Principles Of Persuasion in Conversion Rate Optimization
31My Favorite Landing Page Builders and Getting Started With Our Unbounce Page
10:02 32Getting Familiar With the Unbounce Page Builder and Adding Our Header Section
07:28 33Creating a Logo in Photoshop and Using the Unbounce Image Uploader Tool
16:25 34Working With Background Imagery in Landing Pages and Developing Our Hero Section
15:36 35Creating a Form, Action Block, and Finishing the Hero Section in Unbounce
19:27 36Discussing Landing Page Design Changes and Creating our Primary Content Section
16:17 37Finishing Page Content, Adding Icons, Footer and Working With Buttons Unbounce
10:42 38Publishing Your Unbouonce Landing Page on Your Custom Domain
03:43 39Adding Custom CSS in Unbounce to Create Professional Drop Shadows
06:03 40Making Your Landing Page Design Work Better With Custom Javascript Snippets
08:08 41Mobile Site Layout in Unbounce Based on Mobile Landing Page Design Guidelines
02:30 42Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form
03:30 43Assigning A_B Testing Variants in Unbounce and Assigning Traffic Weights
12:20 44Integrating Your Unbounce Form Submissions With Your Mailchimp Account
09:06 45Quiz: Building a High Converting Landing Page From Scratch
46Wester Computer Audit (Part 1)
08:28 47Wester Computer Audit (Part 2)
09:16 48Wester Computer Audit (Part 3)
15:19 49Wester Computer Audit (Part 4)
13:52 50Quiz: Landing Page Audit in Action
51Conclusion
02:52 52Final Quiz
Lesson Info
My Favorite Landing Page Builders and Getting Started With Our Unbounce Page
how do you design fans and welcome back in this section, we're actually gonna go ahead and really build a landing page from scratch. If you remember in the previous sections we spoke about this cd pap consumer directed patients assistance program that we took a look at their landing page. We're talking about the user scenarios and we're gonna use that as our first template to actually build out the landing page. And what's cool is um is you're gonna be following along with me literally from scratch. I have nothing prepared, I don't have even logo created to have the domain name. We're actually gonna spend money and buy traffic from PPC and social media. We're going to send traffic to the page. We're going to see the conversion rates were going to run a B. Tests and will optimize over time. So you'll actually get to see a progression of how A. B. Testing works through unbound, there's no coding required, we are going to learn how to set up conversion tracking from Adwords and add that t...
o unbalance, which is gonna be really cool value add over there. Um And we're gonna use all the different principles that we've learned to implement and to design a landing page that hopefully will convert really well and will hopefully convert better over time as we get our test results in, I want to first, just give you a sense of a couple of different, you know, landing page builders that are out there, ones that I like and why we're going to be using un bounced and why I personally like one bounce the best. Alright so if we just go to, you know, if you go to a new tab and jump over to unbalanced dot com, you'll see the un bounced landing page. You can look around check out their different testimonials templates so on and so forth. A lot of there's a lot of things like un bounced out there. I personally like one bounce the best they just give for for us for our agency. Uh It's simple to use. It's dragon drop. They have a lot of integrations. It just seems to work really really well. It's quick, it's snappy. Um And I like the people behind on bounced very much. I'm gonna show you a couple of the different tools that we're using the agency and some other ones that you might want to look into yourself. Web flow is kind of new on the scene but it's absolutely incredible what you can do with web flow. It's, it's by far the most advanced landing page builder, website builder. You could build blogs, you could really do anything with it. Um And it's really built for designers who really want to have complete custom control over interactions effects. Really cool different types of things like that and just to give you a quick sense of what you could do in web flow. Take a look at this homepage we built for caress negotiating. This is um just mock ups for a redesign. But as you can see here you have an independent left hand side scroll with these really cool hover effects and everything here with these hover effects is actually done in a dragon drop way through web flows Ui so really neat. And if you click on this button here, you have this overlay and look at the spinning X appear. You close it all done without an ounce of coat. So that's web flow. And another example of something that we're building in Web flow now is a PPC landing page for our company internally. Just check out all the crazy things you can do here. So if I click into the first name field of the form, the image changes that initial divx goes away. You get a little did that that pops in over here. Um, if I click on your last name, the text changes the eyeballs changes, see that go back forth, back forth. Right. Really cool stuff. Um, so this is web flow. Web flow is incredibly advanced tool. There's a lot of tutorials, hopefully we'll get to actually building and designing a page in web flow because I think it's just so cool and a lot of opportunities, but it offers way, way, way more than anything that's needed to first design simple, easy landing pages. Web flow. There's a, there's a steep learning curve with actually getting started with web flow effectively. If you want to do e commerce. If your, if your economy, I recommend two different platforms. Shopify, which is over here, go over to Shopify dot com. Many of you I'm sure familiar with. It offers a lot of flexibility. A lot of great support and a lot of back end features for integrations for payment systems and beautiful templates out of the box. I also really love squarespace. If you guys are not familiar with squarespace, I definitely recommend checking it out even if it's for a blog website or informational website. E commerce. Squarespace is great because they're templates are also really, really, really well designed but it's not really Shopify and squarespace aren't really dedicated. Landing page builders. They're more for actually building out a full website there. You might kind of perceive them as simpler versions of Wordpress. Right? That's kind of where squarespace and Shopify lie on the spectrum, then you have lead pages. Lead pages. It's probably announces most direct competitor. They offer a lot of the same features. Um, very, very similar. I personally like using unbounded the best, just kind of what we're used to. We've had a lot of success with it. Pricing is pretty similar feature set is pretty similar. Um, I happen to like the A. B testing suite with unbalanced a little bit better, but you could definitely check out lead pages if you want. Right, No harm. It's a pretty cool platform as well And that's web flow and now we're in on bounced so unbound has different pricing packages, they all come with a free 30 day trial. So if you don't have an unbounded account already, just sign up for one of the three trials and just get into the main dashboard over here, which is where we're starting from. So just to familiarize ourselves a little bit right. The main point of this obviously is to go into the website builder and build a landing page. But just to familiarize ourselves a little bit, this left hand panel is going to be your primary internal navigation. So you're gonna be able to go back to your different clients, clients are just different categories of sites that you could create. Your plan comes with one default client where all your landing pages will be hosted under you could have separate domains under one client for a long time. We just had one client and then some of our clients actually requested that they have access to their landing pages. So because we didn't want to give clients access to all our client landing pages, you create different clients within unbalanced within your hierarchy and then different people can have access to just the sites inside that clients. That's that's what clients are used for. You're probably seeing a screen like this. You have default client default client. I created a landing page optimization course client just so we could go in here and you know, I don't have to share some proprietary data or keep on blurring out names of other websites and conversion rates because that's obviously private information but I will show you some real examples throughout the course of, you know, throughout this these next few lectures of different tests we've run and what the actual A. B testing part of part of amounts looks like convertibles will take a look at their these are pop overs. Once again, obviously custom domains, we're gonna set up a custom domain, we have one user and then you can go into different settings that you could have within each client. You could potentially add a conversion tracking script that could be used on all pages, things like that On the right hand side are more is more peripheral information, your traffic usage meter, right? We have up to 25, visits in this client, all that type of stuff. But you're not going to spend most your time in here anyway, you're going to spend most of your time inside the actual page dashboard of your account. So let's just get started by creating a new page and we're gonna click on the, create new page button over here. There's two different ways you can start off right, you can start off using one of one bounces templates, pre built templates, which is a great idea. Um We're gonna obviously start off building it from scratch because we're going to implement all our principles and just take a blank canvas and build out our own landing page by choosing our color scheme. But I'll always heavily modify a template. I might change out around the typography, I'll change around but I'll change around the color schemes, I'll change around the layout but it gives you a nice idea of some just some different guidelines to get started with and on the left hand side you can navigate through different types of landing pages. So a SAS products software as a service, let's say an e book. So if you click on e book, will just filter out the different e book landing pages. And if I click on, let's say ledo over here, I'll get a sense of what it looks like. A preview of it on desktop and I can preview the same landing page on mobile. Right? So this is templates out of the box. If I wanted to go to let's see, consultancy, Right. A lot of you guys are in the consultancy business and I get a sense of what that landing page, right? They all have different styles, but you'll you'll you'll see a trend. We actually have one client that uses a modified version of this one. You'll see a trend here. Right? So it's it's trust elements, a hero section. Primary headline bullet points form submission testimonials, right? That's the basic idea structurally. And one thing that's nice about one bounce as opposed to some of the other companies is that they do a lot. They create their templates based on a huge amount of their internal data. Right? So they know where forms should be on the page, they know where primary headlines should be, they know where trust element should be. They really do run these tests. If you want, if you want to listen to some really cool stuff, you could check out Olly Gardener. He's the, he's the founder of Unbound and he's done a lot of different talks at at industry conferences. They have their own unbound, has their own yearly call to action conference. So all these are really cool cat and he's done a lot of really cool um experiments and research and data analysis from, you know, millions and millions of clicks and tens of thousands of landing pages in their back end. And that's where these templates are based from. But we're going to start from scratch, right? So we're gonna start from a blank page and there's nothing wrong, you can always start with a template. Just name it something and mess around with it and go back. But we're gonna start with a blank page, We're gonna name this, get cd Pat, you can change your names later and click start with this template here. We are in the main un bounced page builder and this is where we're gonna spend most of our time. Um and this is where all the magic is gonna happen in the next lecture. I am going to give you a brief overview of the different elements here, the different navigational structure, what's going on at the top, what's going on the right hand side? Um, some of the different important elements. And then we'll jump into actually starting to design our page. So I will see you guys in a few seconds in the very next lecture.
Class Materials
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 Classes
UX Design