Design beautiful landing pages that generate quality leads

Name: Design beautiful landing pages that generate quality leads
Rating: 4.5 (141 reviews)

Everything you need to design beautiful landing pages inside Photoshop and then transform that into a live landing page.

Created bySerban Cosmin

Last updated 4/2018

English

English [Auto],

What you'll learn

Find inspiration for your landing page
Create wireframes and block in ideas
Understand how a landing page should be structured
Create a beautiful landing page inside Photoshop
Transfer your design into a live page
Collect real leads

Course content

3 sections • 12 lectures • 1h 42m total length

Finding inspiration8:21
Free images:
Unsplash - www.unsplash.com
Pexels - www.pexels.com
Color Scheme:
Color by Adobe - http://color.adobe.com/explore/
Milanote - https://www.milanote.com/?utm_source=Cosmin&utm_medium=referral
Wireframing10:10
Wireframe a landing page with cookoo, block sections, and drag-and-drop elements to visualize layout, test message flow, and balance what, why, how, testimonials, and closing arguments.

Header - Above the fold11:43
Working on the first features section11:28
Create the first features section of the landing page by constructing a three-column layout on a white header, adding headlines, descriptions, and icons, and refining color, typography, and shadows.
Working on the second features section8:49
Build the second features section from the wireframe, duplicating headlines and paragraphs, with four benefit rows and aligned icons, refining content for each item (discover more, order types, funding, workspaces).
Designing the process section12:18
Adding a testimonial section9:48
Closing argument section6:45
Design the closing section of a landing page by refining the logo, paragraph, and sign-up call-to-action button, ensuring consistent margins, alignment, and a cohesive background image.
Spacing the elements out2:09
create consistent header shapes by sizing elements and testing variations, then apply section-by-section margins to refine the layout and catch small design issues.

Bonus: Creating the mobile landing page1:59
Design a mobile landing page by grouping elements and stacking them under each other to create a clear, cohesive mobile experience with sections like start, steps, testimonials, and logos.
Publishing the page to a live URL19:03
Convert a Photoshop design into a live landing page using a drag-and-drop page builder, export assets, configure fonts and forms, and publish to a live URL with CRM integration.
All of the links0:14

Requirements

You should be able to use Adobe Photoshop at a beginner level

Description

In this course you’re going to learn how to design a landing page in Photoshop that’s optimized for conversions and will help your business generate more leads.

This series of videos will take you over the whole process of designing a lead generation landing page from scratch. We’ll begin by finding inspiration on the web, create wireframes and then build a landing page design inside Photoshop.

Once the page is completed in Photoshop, I’ll use Instapage to build a live version and start getting leads.

Now in addition to 1-2 hours of videos this project is packed with resources, you’ll receive the fully layered Photoshop file of the landing page created and the Instapage document, which you can upload right away and start using it as a template.

This course is aimed at students that have previously used Photoshop and are at an Intermediate level.

By joining this course you can either follow along and create the same page, or start your own project and build the landing page your business or product needs.

The landing page I'll design will have the goal to get visitors to sign-up for a free trial.

Are you ready? Let’s get started!

Who this course is for:

This course is created for students interested in designing a landing page from scratch.

Design beautiful landing pages that generate quality leads

What you'll learn

Explore related topics

Course content

Laying the foundation2 lectures • 19min

Designing the landing page in Photoshop7 lectures • 1hr 3min

Bonus: Creating a live page and publishing it3 lectures • 21min

Requirements

Description

Who this course is for: