Stage 12 to 3 weeks
Design Fundamentals
- Typography
- Color theory
- Layout & grid systems
- Visual hierarchy
- Gestalt principles
UI/UX Design
Design interfaces that feel intuitive, beautiful, and human.
Beginner-Friendly3 to 5 monthsdesign
Progress
Your Progress0%
Overview
UI designers decide how things look. UX designers decide how things work and feel. Great product designers do both. You research users, design flows, create wireframes, build prototypes, and test with real people.
Who is this for?
- ✓ Students starting from zero who want structure
- ✓ Self-taught learners who need a clear path
- ✓ Career switchers ready to commit consistently
What can you build?
- Mobile app UIs
- Web dashboards
- Design systems
- Interactive prototypes
- Brand identity systems
Jobs you can get
UI DesignerUX DesignerProduct DesignerUX ResearcherInteraction Designer
Salary range: $45,000 to $120,000/year
Roadmap
Follow each stage in order. Mark stages complete as you finish them.
- Stage 23 to 4 weeks
UX Foundations
- What is UX?
- User research methods
- Personas & journey maps
- Information architecture
- Wireframing
- Stage 34 to 6 weeks
Figma Mastery
- Frames, components, variants
- Auto layout
- Prototyping
- Design systems
- Developer handoff
- Stage 43 to 4 weeks
Advanced UX
- Usability testing
- Accessibility design
- Mobile-first design
- Design sprints
- Micro-interactions
- Stage 5Ongoing
Portfolio & Case Studies
- Documenting design process
- Writing case studies
- Publishing on Behance
- Presenting work
Resources
UX Design Full Course (YouTube)
FREEComplete UX design course covering user research, wireframing, prototyping, and usability testing. Entirely free on YouTube.
www.youtube.com/watch?v=_lyzy-vCh5s
Coolors
FREEThe fastest color palette generator. Pick, adjust, and export in seconds.
coolors.co
Google Material Design
FREEGoogle's complete design system, typography, components, and patterns.
material.io/design
Nielsen Norman Group Articles
FREEThe world's most respected UX research and writing. Read weekly.
www.nngroup.com/articles
UX Crash Course (The Futur)
FREEPractical UX and design thinking crash course. Free, no signup required, taught by industry professionals.
www.youtube.com/watch?v=3xTtT5rOBLw
Figma Official Tutorials
FREELearn Figma from its creators, the fastest way to get started.
help.figma.com/hc/en-us/categories/360002051613
DesignCourse YouTube
FREEGary Simon's channel, excellent UI design tutorials and Figma walkthroughs.
www.youtube.com/@DesignCourse
Mobbin
FREEReal app UI patterns from thousands of iOS and Android apps. Best design reference.
mobbin.com
Dribbble
FREEDesign community and portfolio platform. Browse for inspiration daily.
dribbble.com
UX Case Study Complete Guide
FREEStep-by-step guide to writing a UX case study from initial research to final design.
uxcel.com/blog/ux-case-study
Behance Case Study Guide
FREEBehance official guide on building compelling design case studies that showcase your process.
www.behance.net/resources/articles/building-the-perfect-case-study
Dribbble Portfolio Guide
FREEExpert tips on creating a UI/UX portfolio and case studies that get you hired.
dribbble.com/resources/career/ui-ux-portfolio
Projects
beginner
#01
App Redesign
Redesign one screen of a popular app with documented reasoning for every decision.
#02
Local Business Website UI
Design a full website UI for a local business from scratch.
intermediate
#01
Mobile App Prototype
Design and prototype a 5-screen mobile app with full interactive flow in Figma.
advanced
#01
Design System
Build a full design system: color palette, type scale, spacing, and 8 components.
#02
Full UX Case Study
Complete UX process: research, personas, wireframes, prototype, usability test, report.
AI Guide
What AI helps with
- ✓ Writing UX copy and microcopy
- ✓ Summarizing user research findings
- ✓ Generating design critique checklists
- ✓ Brainstorming component variations
What AI cannot replace
- ✗ Making final design decisions, that requires human judgment and taste
- ✗ Replacing real user research
- ✗ Building a consistent design system automatically
Recommended Tools
Midjourney
Visual inspiration and mood board generation
Galileo AI
Wireframe generation from text prompts
Figma AI
Auto-layout suggestions and AI content fill
Claude
UX writing, research synthesis, design critique
Sample Prompts
Act as a UX copywriter. Write 5 versions of an error message for when a payment fails. App tone is friendly and supportive. Each under 15 words.I am designing a mobile banking app for young adults aged 18 to 25 in Nigeria. Give me 8 UX principles to prioritize for this audience and context.Career Path
UI DesignerUX DesignerProduct DesignerUX ResearcherInteraction Designer
$45,000 to $120,000/year
Case studies win you jobs, not just pretty screens. Document your process to the problem, your thinking, your decisions. That is what interviewers actually read.