Mobile App Design from scratch with Sketch 3 : UX and UI
4.5 (814 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.
20,867 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mobile App Design from scratch with Sketch 3 : UX and UI to your Wishlist.

Add to Wishlist

Mobile App Design from scratch with Sketch 3 : UX and UI

The new, improved and updated best-selling step by step guide to learn how to design a great mobile app.
Best Selling
4.5 (814 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.
20,867 students enrolled
Last updated 4/2016
Curiosity Sale
Current price: $10 Original price: $25 Discount: 60% off
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create an engaging mobile app design from start to finish
  • Turn your idea into a fully designed product
  • Use a design software (Sketch) like a pro
  • Create graphic illustrations even if you've never drawn anything in your life
View Curriculum
  • No specific skills required
  • You need to have a mac (Sketch, the design software we’ll be using is available on mac only)
  • If using a Windows computer, you need to make sure you are running the OS X virtual environment on your computer


This course is not just about creating a pretty app, it’s about designing an app that works great and happens to be beautiful. We'll teach you a complete design workflow that will allow you turn your idea into a fully designed and engaging mobile app using Sketch 3.

Learn to design engaging apps with this beginners mobile app design course 

  • Master the ins and outs of Sketch 3
  • Design a beautiful and user-friendly interface for your app
  • Learn UX Research techniques to craft an engaging app
  • Learn Design best practices to build your product efficiently
  • Outline your visual concept

A skill that will change your life
Mobile apps are everywhere, transforming our personal and profesionnal lives. And what makes an app successful is how well it is conceived. The demand for people able to design such engaging and well thought apps is constantly growing. That's why mobile app designers are averaging over $100k a year.
With Sketch 3 and this course, you'll have the skills to produce professional designs even if you have zero previous experience.

Content and Overview

This course is efficiency oriented and is taught with an example. Each lesson represents a step in the design process that will be applied to the app we will be building and that we'll help you apply to your own idea. You don't need any previous experience as a designer, we'll teach you everything you need to know along the way.

We'll begin by teaching you what UX is, how it affects the UI design and how you can use UX research techniques to craft a great app. We'll show you how to efficiently build a quick first version of your app and how to preview it on a device. This will get you used to Sketch and we'll give you exercises to build up your design skills.
We'll then work on the visual concept of your app, you'll learn about colors, fonts and how to properly use them. This will allow us to create the final design of our app, beautiful and functional. In this section we'll dive deep into Sketch amazing functions and best practices.
You'll even learn how to design an icon for the app and showcase your finished app !

By the end of this course you'll...

  • Be able to explore your idea in depth to find the right way to build your app
  • Have a full proficiency in design software
  • Have a very good understanding of design principles and how to use them
  • Be able to build graphic illustrations and icons even if you've never drawn anything in your life
  • Know how to choose the flow and navigation of your app
  • Know how to create a very clear layout that will serve your content
  • Know how to create the identity of your app and how to choose and use colors and fonts
  • Be completely autonomous as a designer
  • Save a lot of money and time by not needing to work with a freelance designer
Who is the target audience?
  • This course will benefit entrepreneurs, developers, and designers looking to move into the mobile applications market
  • This course is not about learning how to code an app but is focused on learning how to design an app that makes sense
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
Introduction to the course
5 Lectures 08:43

Before we dive in, download the course files and make sure you have access to a Mac.

Prerequisites : have a Mac + download course material

Welcome to the course ! Let's get to know each other.

In this video we’ll explain who we are and what you can expect from this course.

Preview 02:34

In this video we'll introduce you to Sketch, the awesome design software we'll be using to design our app. And we'll show you how to install it on your Mac.

Sketch : the design software we'll use in this course

In this course we'll explain how the course works and how to get the most out of it.

Preview 02:30

Before we dive in, download the materials needed for the course. 

Everything you need to get started
UX Research techniques
6 Lectures 33:11

This lesson is the first in the UX research part. The goal of this section is to help you really understand what you want to build.

We'll start by explaining the definition and distinction between UX and UI. We'll see why it's important to take time to work on User eXperience.

Preview 03:58

Design is the art of solving problems. And you can't hope to craft a good product with a good design if you don't understand what problem you're solving.

We'll help you make sure you're tackling a real problem that you truly understand.

What Problem are you solving ?

Knowing your users is crucial. You can't create a great app if you don't understand who you're creating it for.

In this video I'll introduce you to a very handy tool that will help you understand your users: the persona.

Understand your users

Once we've made sure we're solving a real problem for a real category of people, we can start thinking about a solution.

In this video we'll explore different techniques to come up with as many ideas as we can. We'll then work on narrowing this ideas down to one main feature.

Find the right solution and feature

In this lesson you'll learn how to write user narratives in order to figure out how your app will work.

Storytelling design

To make sure we're building an engaging app, we need to think in terms of psychology. And that's we'll do in this lesson, using a great tool called the Hook Model.

A bit of psychology
Your App version 1 - The basics of mobile app design
10 Lectures 46:52

In this section we'll show you how to quickly and efficiently turn your idea into a first version of your app. This will allow us to start learning how to use Sketch.

In the first video of this section, we'll give you a general overview of Sketch, the design software we'll use throughout the course.

Walkthrough Sketch 3

To create a functional design, you need to understand what an app is made of. That's what we'll show you along with the necessary iOS guidelines.

iOS Guidelines

The most efficient way to build the first version of your app is to use standard elements and then customise them. In this lesson we'll show how to handle and chose the elements. Let's play LEGO !

Playing LEGO

In this video, we'll use and explain the basic text functionalities of sketch while showing you how to integrate text in your designs.

Text Basics

In this course we'll start working with colors in a very practical way.

Color basics

In this lesson we'll see how to use the alignments and grid tools that will help us create clear designs.

Alignements & Grid

In this part of the course, we'll show you 2 useful ways to handle images in sketch and tell you why you should choose one or the other

Preview 02:14

Buttons are essential for the user to interact with your app. So let's see how to create them and deal with them.

Design buttons

Ok, we've already learned a lot, it's time to practice and work a little bit on your own now!

Time for practice - Camera flow

In this video we'll show you how we completed the exercise from the previous lesson.

Exercise correction - Camera flow
Your App version 1 - Preview, icon and basic export
3 Lectures 10:33

In this lesson we'll show you how to preview your designs on your device.

Preview on your device with Sketch Mirror

It's time to show the first version of your app to the world, let's see how to do that.

Export Artboards

What use is your app if don't have an icon for it ? Let's design a first version of your icon!

App Icon design v1
Your App version 2 - Visual concept
5 Lectures 20:57

In this new section, we'll start working on the the v2 of your app and its beautiful and fully designed interface. We'll begin by talking about the visual concept of your app.

In the first lesson of this section we'll talk about inspiration, where and how to find it and current design trends.

Inspiration and Trends

Let's take a few minutes to understand how the color picker works in Sketch.

Colors and color picker

Now that we know how the color picker works, let’s choose the colors we’ll use in our app and create a color scheme.

Good Practice : Color Palettes

In this optional video we'll talk about color Harmony and how to mix colors together.

Color Harmony (optional)

How to choose fonts ? how to mix typefaces ? All you need to know to handle text in your app.

Your App version 2 - Diving deep into Sketch and Design best practices
5 Lectures 31:04

In this course, while continuing or work on the design of our app, we'll show you how to use a great tool in Sketch: Text Syles.

Good Practice : Text Styles

In this video, we'll learn more advanced Sketch functionalities like boolean operations, vector editing, etc. by drawing icons from scratch.

Preview 09:37

Symbols is one of the greatest functionality in Sketch for mobile app designers, we'll explain you why and how to use them.

Good practices : Symbols

We've been through a lot of features that are built IN sketch. Let’s now have a look at what has been built ON it : Plugins.

Save time with plugins

In this video we'll complete our Styleguide and practice our skills by upgrading the camera flow.

Styleguide & Practice
Your App version 2 - Getting your app ready for the world
5 Lectures 23:58

In this video we'll show you how to export elements individually. We'll also use a great new tool to prepare the specs for the developer.

Export & Specs

Now that your app looks great, let’s create a more complex and graphic icon.

This will allow us to build up our graphic design skills. And this will also be the opportunity for you to put your Sketch knowledge into practice.

App Icon v2 and graphic design practice

You know the screenshots you see on the app store, they look cool right? That's what we'll do here !

App Store Screenshots v2

Your app is gorgeous, let’s see how we can show it to the world.

Product showcase


We have a little gift for you!

About the Instructor
Maxime Cormier
4.5 Average rating
813 Reviews
20,867 Students
1 Course
Entrepreneur and designer

I'm an entrepreneur and web and mobile app designer. I've created 2 startups. I teach entrepreneurship and design at SciencesPo, a top school in Paris. I'm also a UX consultant and interface designer, I work mainly with startups.

I strongly believe in the power of teaching by example and my goal is to make sure my students will be able to use the skills I teach them immediately.

Adrien Dupuy
4.5 Average rating
813 Reviews
20,867 Students
1 Course
Full stack Designer

I either design website, mobile apps or furniture.
I created apps in different categories such as social media and social networks.

I'm also mentoring startups on UX + UI in french #1 accelerator and also an official Google Launchpad mentor.

You could find all the links on adriendupuy dot com

Beside making cool products, i also love to cook and ride motorcycles.