The Product UI/UX Design Blueprint (online course)

This course provides step-by-step walk-thru on the essential skills you need to become a Rockstar 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

Included with Membership

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

Learn the Actual UI/UX Design Skills You Need to Become Job Ready

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

I'M READY TO START LEARNING! DISMISS MESSAGE

Gain Instant Access!

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.

Start Learning - Included with Membership

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)

Gain Instant Access!

What People Are Saying...

Comments and feedback from people I've helped.

Instant Access - Included with Membership

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.

Get Started - Included with Membership