Wednesday, October 21, 2015

Learn to Design a Responsive Landing Page with John Ashenden and Skillshare

8dbbfa73We’re stoked to finally kick off our Tutorials category in our Resources section!

The aim of the tutorials category is to provide our own articles or links to classes we think will help improve your One Page website design and development skills.

First up is a class we’d recommend on Designing a Responsive Landing Page.

Details are below but there are few things you need to know:

  • The class is a Premium class using the excellent Skillshare platform.
  • A Premium account only costs $9.99 per month to enrol (in unlimited online classes) but with THIS LINK you get your first month of Premium membership – absolutely free. So you can try Premium risk free and decided if you want to go all in.
  • Lastly, we want to mention there are also Free classes on Skillshare – not all pertaining to One Page website design though.

About This Class

skillshare-rwd-01Official title: Design a responsive landing page to promote your favorite movie or band

In this class, you’ll learn the fundamentals of responsive design. You will walk through the steps needed to create a mobile-first site or web-app, how to prepare your design files, techniques for adjusting content and layout, and even a basic introduction to how this translates to HTML and CSS.

Web Designers, UX Designers, and Developers anxious to learn the fundamentals of responsive design, this is the class for you.


What You’ll Learn

  • Principles of Responsive Design. You’ll learn the fundamentals of Responsive Design, why it’s important, how it can benefit your audience, and even improve your designs.
  • Laying the Foundation. We’ll walkthrough the development of wireframes for a responsive website.
  • Applying Your Design. From wireframe to mockup, you’ll be using typography, hidden elements, and margins to your advantage.
  • Design to Development (Optional). Learn how to use HTML and CSS to manipulate your site’s structure and content.

What You’ll Make

skillshare-rwd-02As a final project, students will submit a single-page design for a website promoting your favorite band or movie. The availability of high-quality photographs, posters and even videos for bands or movies, makes an ideal candidate for visually rich and engaging websites.

Your responsive landing page will be designed to fit at least 3 screen sizes – mobile, tablet, and laptop. Ambitious students can take their project beyond, creating additional designs to fit widescreen monitors or even convert their designs to a functioning website.

This is a design-focused course, though a basic introduction to responsive development will be presented for those students eager to bring their designs to life.


About Your Teacher

John-Ashenden Meet John Ashenden (twitter)

“My portfolio includes 6 years as Grooveshark SVP and Creative Director, where I helped build one of the largest on-demand music services in the world. I was the creative force behind many first-to-market branded experiences that leveraged Grooveshark’s market in conjunction with Fortune 500 brands.”

“Today, I run H1 – a web and mobile design, branding, and development studio in Brooklyn New York helping companies like Salesforce, iHeart Radio, Quirky, Desk.com, and many others define their brand and reach new customers both online and offline. I am also a partner in The BKRY, a platform producer and proving ground for new applications Socialist and Sponsr.”


Enrol Free Now

The class is a Premium class but if you enrol with this linkK you get your first month of Premium membership – absolutely free. So you can try Premium risk free and decided if you want to go all in at $9.99 after that.


by Rob Hope via One Page Love

No comments:

Post a Comment