The Product UI/UX Design Blueprint (Online Course)

This course provides step-by-step training on the essential skills of a Product UI/UX Designer

  • Phase 1: A deep dive into the UI/UX Design Process
  • Phase 2: A walk-thru of all Sketch Essentials
  • Phase 3: A step-by-step on Designing a Project from Concept to interactive Prototype
INSTANT ACCESS, ONLY $149

Risk-Free: 30-Day 100% Money Back Guarantee

Learn the Actual Skills You Need to Become a Product UI/UX Designer 

Step-by-Step Instructions for Beginners or Advanced Designers.

 

I'M READY TO START LEARNING! DISMISS MESSAGE

Step-By-Step Easy to Follow Tutorials  

Learn the real-world tactics and hands-on strategies you will use daily for Product UI/UX Design duties.

Phase 1: The Product UI/UX Design Process

First, this course begins with a detailed walk-thru of the Product UI/UX Design ‘Process’ and how it fits into the overall Product Development Cycle.

Phase 2: Learn Sketch Essentials

Secondly, we dive into hands on training on how to use Sketch, the #1 UI/UX Design tool on the market - top rated and highly used by all major tech companies and startups.

Phase 3: Learn How to Design a Project from Concept to End

Lastly, we take on a step-by-step tactical hands on training on how to design an app from concept to end. From ideation to interactive prototype with Sketch and InVision.

Course Outline

50+ Videos, 15+ Hours of Step-by-Step UI/UX Design Tactics and Strategies


 

What is UI and UX Design? (8:52)

Phase 1: Product UI/UX Design Process

The UI/UX Design Process Explained (Overview) (23:37)
Step 1 - The Kickoff Meeting (6:36)
Step 2 - Design Planning & Research (11:58)
Step 3 - 1st Stakeholder Review (5:58)
Step 4 - Visual UI Design (Hi-Fidelity Mockups) (6:26)
Step 5 - Prototype (4:16)
Step 6 - 2nd Stakeholder Review (6:37)
Step 7 - User Study and Testing (10:51)
Step 8 - Modify Mockups Based on Use Feedback (4:19)
Step 9 - Deliver Assets to Development (12:30)
Step 10 - Monitor Launch and Iterate (4:13)

Phase 2: Sketch Essentials - “How-To” Videos

Sketch Overview and User Interface Walk-Thru (17:56)
Working with Shapes (Squares and Circles) (10:31)
Working with Colors (7:55)
Working with Text (6:56)
Working with Artboards (6:56)
Working with Pages, Layers and Groupings (10:16)
Exporting Objects (5:21)
Working with Symbols (3:01)
Creating Drop Shadows (5:34)
Masking (Inserting images into shapes) (4:34)
Working with the Pen Tool (5:23)
Saving Your Work (2:57)
Working with Images (i.e. Bitmaps) Cropping & Editing (7:45)
Working with Icons (6:40)
Aligning Objects and Elements (4:36)

Phase 3: Designing an App from Concept to Prototype (Step-by-Step)

Coming up with an Idea (Defining the Problem and Solution) (13:45)
Design Planning & Research - Creating a Moodboard (20:46)
Design Planning & Research - Sketching Ideas (26:19)
Design Planning & Research - Task Flow Wireframes Part 1 (17:40)
Design Planning & Research - Task Flow Wireframes Part 2 (13:22)
Design Planning & Research - Task Flow Wireframes Part 3 (13:22)
Designing the UI - Part 1: Home Page (21:00)
Designing the UI - Part 2: Menu/Categories Screen with Icons (19:32)
Designing the UI - Part 3: Menu Screen with Images (11:26)
Designing the UI - Part 4: Product Details Screen (16:26)
Designing the UI - Part 5: Customization Screen (16:27)
Designing the UI - Part 6: Sketch Mirror (Viewing on a Mobile Device) (7:46)
Designing the UI - Part 7: Shopping Cart Screen (19:10)
Designing the UI - Part 8: Address Selection (Google Map) (12:37)
Designing the UI - Part 9: Designing a Time Selector Module (20:33)
Designing the UI - Part 10: Payment Options Screen (10:36)
Designing the UI - Part 11: Apple Pay Screen (11:57)
Designing the UI - Part 12: Thank You Screen (12:36)
Designing the UI - Part 13: Weekly Specials Screen (11:30)
Designing the UI - Part 14: Previous Orders Screen (10:51)
Designing the UI - Part 15: Credit Card Order Form (10:22)
Designing the UI - Part 16: Thank You Page (9:19)
Designing the UI - Part 17: Navigation Screen (18:32)
Prototyping with InVision and Working with Craft Plugin (11:10)
Inspect Mode in InVision (4:42)
Wrap Up and Closing Words (7:19)

What People Are Saying... 

Comments and feedback from people I've helped.

INSTANT ACCESS - ONLY $149

Gallery

Learn UI/UX Design and Grow Your Professional Career

Take Charge of Your Career, Gain Instant Access and Start Learning within Minutes!

Learn the foundational skills to become a rockstar Product Designer. This course teaches you all of the essential skills that you need to know to become a highly recruited Product UI/UX Designer.

Risk-Free: 30-Day 100% Money Back Guarantee

Close

50% Complete

Two Step

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.