UI/UX Design
Complete 16-Week UI/UX Design Bootcamp

Become a Professional UI/UX Designer

Master user interface and experience design with 30+ hands-on projects. Learn design thinking, Figma, user research, prototyping, and portfolio development. No prior design experience required.

16
Weeks
30+
Projects
100+
Hours
8+
Tools

What is UI/UX Design?

UI/UX Design is the art and science of creating digital products that are both beautiful and functional. It combines visual design, psychology, research, and technology to craft experiences that users love and find intuitive.

UI/UX Design encompasses:

  • UI Design: The visual interface - colors, typography, buttons, icons, and layout that users see and interact with.
  • UX Design: The overall experience - how users feel, how easy it is to accomplish tasks, and the journey they take.
  • Interaction Design: How users interact with the product - animations, transitions, feedback, and micro-interactions.
87%
Users prioritize design
$90k+
Average designer salary
20%
Industry growth rate
100%
Creative satisfaction

Why Learn UI/UX Design?

10 compelling reasons to start your design journey today

High Demand

Every company needs designers. From startups to Fortune 500s, design skills are in high demand.

Excellent Salary

UI/UX designers command competitive salaries with great growth potential.

Work Anywhere

Design is a remote-friendly career. Work from anywhere with just a laptop and internet.

Quick Entry

Start your career in months, not years. Our 16-week bootcamp gets you job-ready.

Creative Problem Solving

Combine creativity with logic to solve real user problems.

User Advocacy

Be the voice of the user and make products that truly help people.

Collaborative Role

Work with developers, product managers, and stakeholders daily.

Continuous Learning

New tools, trends, and technologies keep design exciting and fresh.

Freelance Freedom

Build your own business, choose your clients, and set your own schedule.

What You Can Design

With UI/UX design skills, you can create beautiful experiences across platforms

Mobile Apps
Websites
Tablet Apps
Wearables
TV Interfaces
Car Dashboards
Voice Interfaces
AR/VR Experiences
Dashboards
E-commerce
Games
E-learning
Data Visualizations
Enterprise Software
Health Apps
Map Interfaces

The Complete Roadmap

Follow this proven path to become a professional UI/UX designer

Phase 1Weeks 1-4

Design Fundamentals

Design PrinciplesColor TheoryTypographyUser Research
Phase 2Weeks 5-8

UX Process & Tools

Information ArchitectureWireframingFigmaPrototyping
Phase 3Weeks 9-12

Visual Design Mastery

Visual DesignDesign SystemsMobile DesignWeb Design
Phase 4Weeks 13-16

Portfolio & Career

Portfolio DevelopmentUX WritingAccessibilityCareer Prep

16-Week Curriculum

Week-by-week breakdown of your learning journey with 30+ projects

16 Weeks • 30+ Projects
1

Design Fundamentals

Project: Project 1: Design Principles Poster

Master the core principles of visual design and user experience.

Topics Covered

  • Elements of Design - line, shape, color, texture, space, form
  • Principles of Design - balance, contrast, emphasis, movement, pattern
  • Color Theory - color wheel, harmonies, psychology, accessibility
  • Typography Fundamentals - typefaces, hierarchy, readability, pairing
  • Grid Systems - layout, alignment, spacing, composition
  • Design Thinking Process - empathize, define, ideate, prototype, test

Project: Project 1: Design Principles Poster

Create a poster demonstrating key design principles

Visual hierarchyColor theory applicationTypography pairingGrid layout
2

User Research & Psychology

Project: Project 2: E-commerce User Research

Understand user behavior and how to conduct effective research.

Topics Covered

  • User Psychology - cognitive load, mental models, decision making
  • User Research Methods - interviews, surveys, observation, diary studies
  • Creating User Personas - demographics, goals, pain points, behaviors
  • Empathy Mapping - says, thinks, does, feels
  • User Journey Mapping - touchpoints, emotions, opportunities
  • Competitive Analysis - SWOT analysis, feature comparison

Project: Project 2: E-commerce User Research

Conduct user research and create personas for an e-commerce app

User interviewsPersona creationJourney mapResearch findings
3

Information Architecture

Project: Project 3: News Website IA

Organize content and structure for optimal user experience.

Topics Covered

  • Content Inventory - auditing existing content
  • Card Sorting - open, closed, hybrid approaches
  • Site Mapping - hierarchy, navigation structure
  • User Flows - task flows, wireflows, sitemaps
  • Taxonomy and Labeling - categories, tags, naming conventions
  • Search and Wayfinding - search patterns, breadcrumbs

Project: Project 3: News Website IA

Design information architecture for a news portal

Content auditCard sortingSite mapUser flows
4

Wireframing & Prototyping

Project: Project 4: Food Delivery App Wireframes

Create low to high-fidelity prototypes for testing and communication.

Topics Covered

  • Sketching Techniques - rapid ideation, thumbnail sketches
  • Low-Fidelity Wireframes - paper prototypes, digital wireframes
  • Mid-Fidelity Wireframes - gray scale, proper spacing, content placement
  • High-Fidelity Mockups - pixel perfect, visual design applied
  • Interactive Prototyping - clickable prototypes, micro-interactions
  • Prototyping Tools - Figma basics, components, auto-layout

Project: Project 4: Food Delivery App Wireframes

Create wireframes and prototype for a food delivery app

Low-fi sketchesDigital wireframesInteractive prototypeUser testing
5

Visual Design Mastery

Project: Project 5: Banking App Visual Design

Develop advanced visual design skills for stunning interfaces.

Topics Covered

  • Visual Hierarchy - size, color, position, contrast
  • Composition Techniques - rule of thirds, golden ratio
  • Icon Design - custom icons, icon systems, consistency
  • Imagery and Illustration - photo selection, custom illustrations
  • Micro-interactions - animation principles, feedback
  • Design Systems - consistency, components, documentation

Project: Project 5: Banking App Visual Design

Apply visual design to a banking app interface

Custom iconsIllustration styleMicro-interactionsDesign system
6

Figma Masterclass

Project: Project 6: Design System Library

Become an expert in Figma for professional UI/UX design.

Topics Covered

  • Figma Advanced Features - components, variants, auto-layout
  • Design Systems in Figma - styles, variables, libraries
  • Collaboration Tools - commenting, version history, sharing
  • Plugins and Widgets - productivity tools, assets
  • Prototyping Advanced - conditional logic, variables
  • Developer Handoff - inspect mode, specs, assets export

Project: Project 6: Design System Library

Create a comprehensive design system in Figma

Color stylesTypography stylesComponent libraryDocumentation
7

User Testing & Validation

Project: Project 7: Usability Test Report

Test designs with real users and iterate based on feedback.

Topics Covered

  • Usability Testing - moderated, unmoderated, remote
  • Test Planning - objectives, tasks, recruitment
  • Conducting Tests - facilitation, observation, note-taking
  • Analyzing Results - affinity mapping, prioritization
  • A/B Testing - hypothesis, variants, statistical significance
  • Iterative Design - incorporating feedback, version control

Project: Project 7: Usability Test Report

Conduct usability testing on an existing app and report findings

Test planSession recordingsFindings analysisRecommendations
8

Mobile Design

Project: Project 8: Travel App for iOS/Android

Design for iOS and Android platforms with platform-specific guidelines.

Topics Covered

  • Mobile Design Principles - thumb zone, one-handed use
  • iOS Human Interface Guidelines - navigation, patterns, components
  • Material Design Guidelines - Android patterns, components
  • Responsive vs Adaptive Design - approaches and techniques
  • Mobile Navigation - tabs, drawers, gestures
  • Mobile Forms - input methods, validation, keyboards

Project: Project 8: Travel App for iOS/Android

Design a travel app following platform guidelines

iOS versionAndroid versionConsistent experiencePlatform-specific patterns
9

Web Design

Project: Project 9: SaaS Landing Page

Create responsive websites that work beautifully across devices.

Topics Covered

  • Responsive Web Design - fluid grids, flexible images, media queries
  • Desktop Design Principles - multi-column layouts, hover states
  • Navigation Patterns - mega menus, hamburger, sticky headers
  • Landing Page Design - conversion optimization, storytelling
  • Dashboard Design - data visualization, KPIs, widgets
  • Form Design - best practices, validation, error states

Project: Project 9: SaaS Landing Page

Design a responsive landing page for a SaaS product

Desktop designMobile designTablet designConversion-focused
10

UX Writing & Content Strategy

Project: Project 10: App Copy Audit

Craft clear, concise copy that enhances user experience.

Topics Covered

  • UX Writing Principles - clarity, conciseness, usefulness
  • Microcopy - buttons, error messages, tooltips, empty states
  • Voice and Tone - brand personality, consistency
  • Content Strategy - content types, governance, maintenance
  • Localization - adapting for different cultures, languages
  • Accessible Writing - plain language, reading levels

Project: Project 10: App Copy Audit

Audit and improve copy for an existing application

Copy inventoryVoice guidelinesImproved microcopyStyle guide
11

Accessibility Design

Project: Project 11: Accessibility Audit

Create inclusive designs that work for everyone.

Topics Covered

  • WCAG Guidelines - perceivable, operable, understandable, robust
  • Color Contrast - requirements, tools, testing
  • Screen Reader Compatibility - semantic HTML, ARIA labels
  • Keyboard Navigation - focus states, tab order
  • Accessible Forms - labels, errors, instructions
  • Inclusive Design Principles - flexibility, simplicity, equity

Project: Project 11: Accessibility Audit

Audit a website for accessibility and create improvement plan

WCAG checklistContrast testingKeyboard testingRecommendations
12

Design for Emerging Technologies

Project: Project 12: Smart Home Voice Interface

Explore designing for AR/VR, voice, and AI interfaces.

Topics Covered

  • Voice User Interface Design - conversation design, prompts
  • AR/VR Design - spatial interfaces, 3D elements, immersion
  • AI and Machine Learning in Design - personalization, predictions
  • Wearable Design - watch faces, notifications, glanceability
  • IoT Design - smart home, device interfaces
  • Ethical Design - privacy, dark patterns, responsibility

Project: Project 12: Smart Home Voice Interface

Design a voice interface for smart home control

Conversation flowsVoice promptsError handlingMulti-device scenarios
13

Portfolio Development

Project: Project 13: Portfolio Case Study

Build a professional portfolio to showcase your work.

Topics Covered

  • Case Study Structure - problem, process, solution, results
  • Storytelling in Portfolios - narrative, context, impact
  • Visual Presentation - mockups, prototypes, screenshots
  • Portfolio Website Design - personal branding, showcase
  • Behance/Dribbble Best Practices - platform optimization
  • Process Documentation - sketches, iterations, rationale

Project: Project 13: Portfolio Case Study

Create a comprehensive case study for a past project

Problem statementDesign processFinal designsResults/metrics
14

Design Leadership & Collaboration

Project: Project 14: Product Strategy Deck

Learn to work effectively with developers, product managers, and stakeholders.

Topics Covered

  • Working with Developers - handoff, collaboration, feasibility
  • Design Critique - giving and receiving feedback
  • Presenting to Stakeholders - storytelling, rationale, buy-in
  • Product Strategy - business goals, user needs, technical feasibility
  • Design Ops - workflows, tools, processes
  • Mentoring and Leadership - growing as a senior designer

Project: Project 14: Product Strategy Deck

Create a product strategy presentation for stakeholders

User researchBusiness goalsDesign solutionSuccess metrics
15

Freelancing & Business Skills

Project: Project 15: Freelance Business Plan

Start your own design business or freelance career.

Topics Covered

  • Freelance Fundamentals - pricing, contracts, invoicing
  • Client Management - communication, expectations, revisions
  • Personal Branding - website, social media, networking
  • Proposal Writing - scope, timeline, deliverables
  • Portfolio Marketing - promoting your work
  • Business Finances - taxes, expenses, savings

Project: Project 15: Freelance Business Plan

Create a business plan for your design freelance career

Service offeringsPricing structureMarketing planFinancial projections
16

Capstone Project & Career Preparation

Project: Project 16-30: Capstone Projects (Choose 15)

Build a comprehensive portfolio project and prepare for job interviews.

Topics Covered

  • End-to-End Project - from research to high-fidelity design
  • Portfolio Polish - refining your best work
  • Resume Writing - highlighting design skills
  • Interview Preparation - portfolio presentation, design challenges
  • Job Search Strategy - targeting companies, networking
  • Industry Trends - staying current in design

Project: Project 16-30: Capstone Projects (Choose 15)

Select and build 15 additional projects from the list below

End-to-end processReal-world problemsPortfolio readyIndustry feedback

30+ Real-World Projects

Build an impressive portfolio with projects of all difficulty levels

Ride-Sharing App Redesign

Intermediate

Redesign Uber/Bolt with improved UX

E-commerce Checkout Flow

Intermediate

Optimize checkout conversion

News App with Personalization

Advanced

Design personalized news feed

Streaming Service Interface

Advanced

Netflix/YouTube redesign

Photo Editing App

Advanced

Design mobile photo editor

Music Player App

Intermediate

Spotify-inspired player design

Mobile Game UI

Advanced

Design game interface and HUD

Flight Booking Experience

Intermediate

Streamline flight booking

Car Rental App

Intermediate

Design car rental platform

Fitness Tracker App

Intermediate

Workout and health tracking

Hotel Booking Website

Intermediate

Hotel search and booking

Event Discovery App

Intermediate

Find local events and tickets

Weather App Design

Beginner

Beautiful weather interface

Sleep Tracking App

Beginner

Sleep cycle and alarm design

Analytics Dashboard

Advanced

Data visualization dashboard

Social Media App

Advanced

Design social platform

Personal Finance App

Intermediate

Budget tracking design

Scheduling App

Intermediate

Calendar and appointments

E-Learning Platform

Advanced

Online course interface

Sports App

Intermediate

Scores and team tracking

Restaurant Menu App

Beginner

Digital menu and ordering

Gift Registry App

Beginner

Wedding/baby registry

Package Tracker

Beginner

Delivery tracking interface

Pet Care App

Intermediate

Pet sitting and services

Recipe App

Intermediate

Cooking and meal planning

Bike Sharing App

Intermediate

Find and rent bikes

Movie Ticket App

Intermediate

Cinema booking design

Cocktail Recipe App

Beginner

Drink recipes and guides

Fashion Lookbook

Intermediate

Clothing catalog design

Smart Watch Faces

Beginner

Custom watch face designs

Plus 16 weekly projects = 30+ total projects

Tools You'll Master

Industry-standard design tools and software

Figma
Adobe XD
Sketch
Miro
Protopie
Webflow
Photoshop
Illustrator
Notion
Zeplin
Maze
InVision

Ready to Launch Your Design Career?

Join our UI/UX Design bootcamp and get access to our career support team. We'll help you build your portfolio, prepare for interviews, and connect with top companies hiring designers.

Frequently Asked Questions

Everything you need to know about our UI/UX design course

UI (User Interface) Design focuses on the look and feel of a product - the visual elements like colors, typography, buttons, and layouts. UX (User Experience) Design focuses on the overall experience - how users interact with the product, how easy it is to use, and how it makes them feel. Together, UI/UX design creates products that are both beautiful and functional. This field combines creativity with psychology, research, and problem-solving to design digital experiences that users love.

Ready to Start Your Design Journey?

Join 2,500+ students who have transformed their careers with Yelocode.