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.2 (49 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,629 students enrolled
Instructed by Darius Pocha Design / Web Design
25% off
Take This Course
  • Lectures 17
  • Length 1 hour
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

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!

What are the requirements?

  • Basic knowledge of design software like Photoshop or Fireworks.

What am I going to get from this course?

  • 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

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: The basics - what you need to know before you begin

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


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.


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.


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.


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.

3 questions

What have you learned about SCREEN RESOLUTION?


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 ;)

Section 2: Designing for the web

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.


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).


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.


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.


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

3 questions

What have you learned about NAVIGATION?


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.


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.

3 questions

What have you learned about RESPONSIVE DESIGN?



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

10 pages

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.


Section 3: Resources
1 page

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

How to use this course

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Darius Pocha, 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.

Ready to start learning?
Take This Course