Description
Course info
Rating
(114)
Level
Advanced
Updated
Feb 20, 2015
Duration
2h 18m
Description

In this Photoshop and CSS tutorial, you'll learn how to design and develop a responsive landing page. We'll first use Photoshop to design a mock up, creating many of the elements for our pages that will be used in the final product. Then we'll export our design and start coding our responsive website. We'll be basing our HTML and CSS on the Foundation responsive framework to bring the page to life. By the end of this Photoshop and CSS training, you'll understand many important factors that make a great landing page. Software required: Adobe Photoshop CC 2014, Sublime Text 2.

About the author
About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More from the author
Building Layouts with the CSS Grid
Beginner
1h 16m
Mar 2, 2018
Building Websites with Bulma
Intermediate
1h 42m
Oct 27, 2017
Building Websites with Skeleton CSS
Intermediate
1h 16m
Aug 9, 2017
More courses by Gary Simon
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone. My name is Gary Simon and I've been a freelance graphic designer for the last 15 years and I've had the privilege of working with literally over 1000 clients on a wide variety of projects. In this course, we're going to focus on the design and development of a responsive landing page. A landing page could be a home page, but more specifically, it's any page that a visitor reaches by clicking on a link from a search engine or advertisement. The landing page that we're going to create is for a fictional web analytics company and our object will be to create a page that focuses on maximizing free trial conversions. Some of the key takeaways from watching this course include learning how to design a mockup in Photoshop while keeping in mind considerations for responsive layouts, key factors that contribute to making a landing page successful, and using the foundation responsive framework. By the end of this training, you will have learned how to design effective, responsive landing pages that convert. I'm excited to work with Digital Tutors and share these techniques with you, so let's get started with the first lesson.