Design for Developers

$495 or 3 monthly payments of $175

Design for Developers

Learn how to make the sites you code both beautiful & user-friendly.

Let's be honest... Design is really hard!

Have you ever found yourself wondering:

What colors should I use for this project?
Is this font a good choice?
Does this layout make sense?
How do I make this site unique and not look like yet another bootstrap site?
And the list goes on and on...

Throughout the Design for Developers course, you'll learn everything you need to create beautiful & user-friendly sites through a mixture of design theory and practice.

We will start with the design theory

In the first half of Design for Developers, you'll learn the theory of design and get all your questions answered.

We'll cover:

The foundations of design
Design mistakes to avoid
Planning your projects
How to come up with ideas and where to find inspiration
The theory & psychology of color
The principles & anatomy of typography
Working with Photography
User experience

Then we will apply the theory to a real project

We'll take the knowledge you learn from the first half of the course (the theory) and apply it to a real design for a fictional company called Awesome Lawn Co.

Throughout this project we'll:

Write a design brief
Create a mood board & style guide
Choose colors & fonts
Create userflow wireframes*
Create low & mid-fidelity wireframes*
Design desktop & mobile UI

* Userflow & wireframe kit included with this course so you can follow along.

Overview

Lets chat about what is in this course as well as what design is and why you should learn it.

What is this course all about?

What is design?

UI vs UX

Sketch vs Photoshop

Enjoy the Journey

The Foundations

Learn the foundational elements of design that you will use in every design you create.

The elements of design

Preview

The principles of design

Preview

Design Mistakes to Avoid

Lets chat about the common mistakes that developers make when it comes to design.

Design Mistakes 1-4

Preview

Design Mistakes 5-8

Preview

Design Mistakes 9-12

Preview

Planning, ideas & inspiration

Learn the methods you can use to find inspiration, spark your creativity, make connections & view ideas from fresh perspectives.

The Design Brief

Awesome Lawn Design Brief

Design Brief Template

Mind Mapping

Mind Mapping Tools & Resources

Awesome Lawn Mind Map

Mood Boards

Mood Board Tools & Resources

My favorite places to find inspiration

Choosing Colors

Learn about the theory behind colors and how to apply it directly to your projects.

Color Theory

Psychology of color

How I choose colors

Style Guide Template

Choosing colors for Awesome Lawn

Tips on working with colors

Where to find color inspiration

Choosing Typography

Learn about the theory behind typography and how to apply it directly to your projects.

Principles of typography

Anatomy of a typeface

Choosing fonts for Awesome Lawn

Working with type

My favorite fonts + where to find fonts to use + font tools

Photography, lighting and shadows

Learn the best ways to use photography in your site designs.

Working with photography

Where to find (free) photography to use in your designs.

Working with lighting and shadows

User experience

Learn how to create simple, easy & user-friendly experiences.

What is UX?

How to create the perfect UX

UX Tools (Research, testing & prototyping)

Laying out your content

Learn the techniques in laying out the content in your projects.

Laying out your content

All about wireframing

Grids, visual hierarchy and spacing

Wireframe & Userflow UI Kit Bundle

Awesome Lawn userflow wireframes

Awesome Lawn Homepage Wireframes

Dashboard wireframes

Account page wireframes

New services wireframes

Contact page wireframes

Designing the Awesome Lawn Site

We're going to apply everything we've learned so far and create the designs for the Awesome Lawn project.

Homepage part 1

Homepage part 2

Dashboard page

Accounts Page

New services overlay

Contact page

Mobile homepage

Mobile sign in page

Mobile sign up page

Mobile dashboard

Mobile accounts page

Mobile new services overlay

Mobile contact page

Navigating Sketch

Learn all the tips & tricks for how to navigate your way through Sketch

Sketch overview

Artboards

Pages

The inspector

The layers panel

Working with shapes

Working with type

Grids, layouts & guides

Masks

Alignment & distribution

Symbols

Exporting assets

Navigating Photoshop

Overview

Document types

The layers panel

Resources

Awesome Lawn Design (Sketch)

Awesome Lawn Style Guide (Sketch)

Awesome Lawn Photography

Wireframing Kit

Starter style guide template (Sketch)

Starter style guide template (PSD)

FAQ

Can developers actually become good designers?

Yes, absolutely. Design is a skill that can be learned just like learning to code. You did not know how to code when you were born. You picked it up through practice, trial & error. Design is the same way. You are in luck though because you do not have to go through the trial & error like I did. This is THE course for developers who want to become confident designers. After going through the Design for Developers course, you will have the knowledge to design beautiful & user-friendly websites.

Who is this course for?

This course is for you if 1) You want to become a confident designer. 2) You are tired of relying on bootstrap for your UI. 3) You want to set your site design apart from everyone else. 4) You want to improve the design of the sites you are building without needing to hire a designer. 5) You do not want to waste time searching through the sea of information out there. 6) You want a structured, concise, and value-packed course to guide you.

I'm a total beginner, is this course for me?

Yep, this course assumes you have no prior knowledge of design. No previous experience required.

How long do I have access?

Forever. Seriously. After you sign up you will be able to access the course lessons whenever you like and across any device you own.

I don't know how to use Sketch or Photoshop. Will I still be able to go through this course?

Yes. Design is more than just knowing how to use the tools. But do not worry, I teach you how to use both Photoshop & Sketch in this course too :)

What if I hate it?

Whoa now, hate is a pretty strong word! But if you are unhappy with the course just contact me within 30 days of your purchase and I will refund your money. Simple as that :)