Web Design: Learn Pro Skills FAST! (Sept 15)
4.5 (52 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,635 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Design: Learn Pro Skills FAST! (Sept 15) to your Wishlist.

Add to Wishlist

Web Design: Learn Pro Skills FAST! (Sept 15)

Get a job (or a better one!) in web design. Learn design techniques used for Amnesty, Timberland, BBC, Microsoft & more
4.5 (52 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,635 students enrolled
Created by Darius Pocha
Last updated 9/2015
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 1 Article
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create your own responsive designs for desktop, tablet & mobile
  • Create interactive prototypes using the same techniques as professional studios
  • Understand web fonts, typography and the HSB colour model
  • Learn about user interface & interaction design
  • Understand the 3 different types of navigation
  • Get the lowdown on how to design for the new retina and high dpi devices
  • You’ll also going to get design templates to get you started – these are the same templates my agency uses on our client projects
View Curriculum
  • Basic knowledge of design software like Photoshop or Fireworks.

For a lot of people getting your first great job in the digital design industry seems like a crazy dream...

Getting into the industry can seem super-intimidating. Even people who already work in agencies sometimes struggle to progress if they aren't learning the right skills.

Here's the thing. The top agencies and in-house digital teams have usually got more work than they can handle so there are often opportunities for enthusiastic people who can come in on the ground floor and learn fast on the job. If you're smart, if you have some talent and you're prepared to put a little work in, that could be you (cue fist-pump).

By the end of this course you'll be able to design a working prototype of a website with great user experience (UX), user interface (UI) and interaction design (IxD). You'll be able to use navigation in a sophisticated way and learn the basics of responsive design for multiple devices. Along the way you're going to learn how to present content and work with web fonts and colours. And you're going to learn all the right terminology to articulate how you reached your design solution.

Who am I & why did I do this course?

I'm a digital Creative Director and agency owner. When interns or inexperienced designers come to work in my studio I want them to start designing confidently on day one. This course is a collection of all the things I teach them, so if you're still reading by this point, it's probably the stuff you want to know too. There's no filler - I've put a lot of effort into keeping it really focused to get you up and running as fast as possible.

To help you out, you're going to get pro quality design templates based on the ones used by my agency in the work we do for clients like Amnesty, Timberland, BBC, Johnson & Johnson & others. We're also going to pick apart some of the sites we've designed so you can see our thinking.

What this course does NOT cover

  • This course does not teach you how to code or be a web developer
  • There are not tons of Photoshop tricks 'n' tips. There are other courses on Udemy that are great at that stuff. This course is aimed at students who want to be professional digital designers so I concentrate on the skills that busy Creative Directors or critical clients care most about: being able to design great website experiences, being able to articulate your design decisions and being able to communicate with other web professionals.

Is this the right course for me?

  • To get the most out of this course you need some basic familiarity with graphics tools like Photoshop.
  • This course will suit everyone from a first year student through to experienced graphic designers.
  • There are advanced techniques in here too, so if you already work in web design but want to up your game on responsive design or prototyping you should check it out. Have a look at the free videos and see if it's for you.

Let me help you give yourself the best shot at getting on in the industry.

What are you waiting for? Let's go!

Who is the target audience?
  • Aspiring web designers
  • Graphic Designers
  • Design students
  • Design interns
  • Web designers with basic skills wanting professional tips & techniques
  • Please note: this course does NOT teach you how to code or be a web developer
Students Who Viewed This Course Also Viewed
Curriculum For This Course
17 Lectures
The basics - what you need to know before you begin
6 Lectures 16:04

Watch this video for a quick rundown of the subject areas in the course and what you can expect to learn by taking it.

Preview 01:29

This introduces some of the basics ideas in the course and why it's important to think about UX, UI and IxD (don't worry, they will be explained!) while you're doing your designs.

Preview 01:25

Most web designers use the RGB colour model when creating colour palettes for their designs but RGB is HARD to work with. I've been using it for nearly 20 years and it still bugs the shit out of me.

HSB is way better but lot's of people - including very experienced designers - don't know about it or use it. This lecture shows you how easy it is to work with and get great results.

Preview 01:59

How you use type in your designs is critical. Good typographic skills separate great designers from merely good ones and that applies just as much on the web as anywhere else.

It's important to know how to use type in your web design work and also to understand how to specify your typographic choices to make it easy for the person who's coding your design. That way, your design will stay as you intend it.

Web fonts & typography

One of the most important things to learn as a digital designer is that you pretty much have to throw out the idea of a fixed canvas for your design.

Users are going to see it and use it on any one of a huge number of different size and resolution screens.

Understand this - and how to deal with it - and you're halfway to being a digital designer.

Understanding screen resolution, retina and high dpi

What have you learned about SCREEN RESOLUTION?

Screen Resolution quiz
3 questions

It's only taken me about a thousand years to work all this shit out. And I'm giving it to you with this course.

Your welcome. No, really ;)

Preview 05:12
Designing for the web
9 Lectures 40:53

This is where we start looking at the components that make up web pages.

I'm going to walk you through the theory of how these fit together, as well as using examples from a live site.

Content, UI & interactions pt1

Building on the previous module, we take a piece of content and look at how we would understand the task associated with it (UX) design appropriate interface elements for it (UI) and design an appropriate interaction (IxD).

Content, UI & interactions pt2

Prototyping is the secret sauce that is really going to expand your abilities as a digital designer. This is the first of 4 exercises where you're going to use the Marvel app to create working prototypes that will allow you to use your design as well as just seeing it.

Practical Exercise 1: Prototyping UI & interactions

In here we look at the 3 types of web navigation, menus, search and contextual and look at some real examples of their use including a Facebook history lesson.

This phrase was coined by my business partner (and all-round UX guru) Fergus Roche. Check him out on Twitter at @ferg4ddc.

The 3 types of navigation

In this exercise you'll use Marvel to prototype the 3 types of navigation.

Practical Exercise 2: Navigation prototype

What have you learned about NAVIGATION?

Navigation quiz
3 questions

As you've already learnt, designing for multiple screen sizes is one of the foundation skills of being a digital designer. But how the design looks is only one part of the equation. As I say in the lecture, someone may end up using your design on a screen the size of a TV or one the size of your hand. How they use it is going to be very different in each case.

So we review the characteristics of different devices as well as looking at some key principles like breakpoints, linearisation and touch-friendly design.

Responsive design

In this module you're going to prototype a mobile design with multiple interactions and send it to your phone so you can test how the design works.

Practical Exercise 3: Mobile prototyping for smartphones & tablets

What have you learned about RESPONSIVE DESIGN?

Responsive Design quiz
3 questions


You made it through... Here's a quick recap of the key concepts and some thoughts about where to take them.

Now go do it!

Here's where you get to take all the stuff you've learnt on the course and pour it into some simple design prototypes that can form the basis of a portfolio of work you can send to potential employers or clients. This is where the time and effort you've put into the course will really pay off.


Practical Exercise 4: Prototype your own designs
10 pages
2 Lectures 00:34

Here's where you download all the exercise files and also the free design templates.

1 page

How to use this course
About the Instructor
Darius Pocha
4.5 Average rating
52 Reviews
4,635 Students
1 Course
Award-winning Creative Director

I'm owner & Creative Director of a digital design agency based in the UK. I work mostly with fashion, technology and charity brands including people like Amnesty International, Microsoft, Speedo, Chanel, BBC & Timberland.

I'm passionate about making digital design skills available to creative people. I love seeing people express their creativity & ideas. Amen.