🎓 WEEK 1 – UI/UX FOUNDATIONS + FIGMA BASICS

MONDAY – Intro to UI/UX Design

9:15 – 10:45 AM – 📘 What is UI/UX? Key differences and how they work
together
11:00 – 12:00 PM – 🧠 Overview of the Design Thinking Process (Empathize →
Test)
1:00 – 2:30 PM – 🎯 Understand UX principles (usability, desirability,
accessibility)
2:45 – 4:00 PM – 🎨 Explore great examples of real-world UX/UI in apps and
websites
6:00 – 7:15 PM – 📺 Watch videos on how products are designed from scratch
7:30 – 9:00 PM – ✍️Journal reflection: What kind of designer do I want to be?

TUESDAY – UX Process & User-Centered Design

9:15 – 10:45 AM – 🧩 Learn the 5 stages of the UX process (Empathize to Test)

11:00 – 12:00 PM – 🔍 Define user problems and how to write problem
statements
1:00 – 2:30 PM – 📄 Build your first User Persona (pain points, goals,
motivations)
2:45 – 4:00 PM – Intro to User Journey Mapping – Visualize user experiences
6:00 – 7:15 PM – 🎥 Case Study Analysis: How real designers use UX processes
7:30 – 9:00 PM – 📝 Create a simple journey map from a daily task (e.g.,
ordering food)

WEDNESDAY – Figma Basics (Tool Mastery Day 1)

9:15 – 10:45 AM – Set up your Figma account + Interface Tour

11:00 – 12:00 PM – 🧱 Learn Frames, Shapes, Text, Layers, and Alignment
Tools
1:00 – 2:30 PM – 🎨 Apply colors, gradients, and basic styles to shapes
2:45 – 4:00 PM – 📐 Learn Grids, Spacing, and Layout Alignment
6:00 – 7:15 PM – Practice: Recreate a simple mobile login screen
7:30 – 9:00 PM – 🔄 Review and save your first Figma project (login + sign-up
UI)
THURSDAY – Figma Components & Wireframes

9:15 – 10:45 AM – ⚙️Create components (buttons, navbars) + Use instances

11:00 – 12:00 PM – 🧲 Learn auto-layout basics to keep design flexible
1:00 – 2:30 PM – 🧩 Build a reusable UI Kit with typography, buttons, cards
2:45 – 4:00 PM – Wireframing basics – Low-fidelity layout building
6:00 – 7:15 PM – 🎓 Study Material Design & Apple HIG (Human Interface
Guidelines)
7:30 – 9:00 PM – Practice: Create a 3-screen wireframe flow (e.g., Login →
Home → Profile)

FRIDAY – Visual Design Principles

9:15 – 10:45 AM – 🌈 Color theory for UI – contrast, emotion, and accessibility

11:00 – 12:00 PM – 🔠 Typography in UI – hierarchy, pairing fonts
1:00 – 2:30 PM – 📏 Spacing, Grids & White Space – how to keep layouts clean
2:45 – 4:00 PM – 🧠 Learn about UI patterns & consistency
6:00 – 7:15 PM – 🧪 Evaluate popular websites and apps for good design
practices
7:30 – 9:00 PM – 🎨 Apply what you've learned: Recreate a homepage (visually
polished)

SATURDAY – Mini Project Day

9:15 – 10:45 AM – 📝 Define a simple app idea (e.g., habit tracker or food
planner)
11:00 – 12:00 PM – ✏️Sketch user flow + wireframes
1:00 – 2:30 PM – 🧱 Build the layout in Figma (3–5 screens)
2:45 – 4:00 PM – Apply visual styles (colors, typography, icons)
6:00 – 9:00 PM – 💻 Create a basic prototype using Figma interactions

SUNDAY – Reflection & Inspiration

9:00 – 12:00 PM – 🧠 Review all projects, clean up Figma files

1:00 – 3:00 PM – 🔍 Explore portfolios on Behance and Dribbble
3:00 – 5:00 PM – 📘 Journal your learnings & confidence progress
6:00 – 9:00 PM – 🎯 Plan your goals for Week 2 (Prototyping, Testing,
Accessibility)
🎓 WEEK 2 – Prototyping, Interactions & Accessibility

MONDAY – Prototyping Basics (Static to Interactive)

9:15 – 10:45 AM – 📱 What is prototyping? Low vs. high fidelity prototypes

11:00 – 12:00 PM – 🔗 Introduction to clickable flows in Figma (Linking frames)
1:00 – 2:30 PM – 🎯 Create a simple 3-screen flow with navigation interactions
2:45 – 4:00 PM – 🎥 Watch tutorials on Figma prototyping best practices
6:00 – 7:15 PM – Add hover states & button interactions
7:30 – 9:00 PM – 🔄 Test your prototype like a user would & get feedback

TUESDAY – Smart Animate & Microinteractions

9:15 – 10:45 AM – 🎬 Intro to Smart Animate in Figma (smooth transitions)

11:00 – 12:00 PM – ✨ Animate card swipes, toggles, modals
1:00 – 2:30 PM – 🧪 Microinteractions: Loading, Success, and Error States
2:45 – 4:00 PM – 🧱 Practice designing interaction states (hover, click, active)
6:00 – 7:15 PM – 🔍 Review great animated UI samples (Dribbble, Mobbin)
7:30 – 9:00 PM – 📱 Update your Week 1 project with interactive flows

WEDNESDAY – Accessibility in Design

9:15 – 10:45 AM – 🧠 What is Accessibility (A11Y) in UI design?

11:00 – 12:00 PM – 🎨 Color contrast: How to design for visibility (WCAG
basics)
1:00 – 2:30 PM – 🧭 Keyboard navigation & screen reader principles
2:45 – 4:00 PM – 🔍 Audit your own project for accessibility issues
6:00 – 7:15 PM – 🔧 Use tools like Stark plugin in Figma to test accessibility
7:30 – 9:00 PM – ✅ Update designs based on accessibility improvements

THURSDAY – User Flows & Mobile Responsiveness

9:15 – 10:45 AM – 📍 Design clear user flows for a mobile app (Login → Home
→ Profile)
11:00 – 12:00 PM – Intro to responsive design: what changes at each screen
size?
1:00 – 2:30 PM – 📱 Build responsive mobile layouts using auto layout
2:45 – 4:00 PM – 🔧 Use constraints and resizing tools in Figma
6:00 – 7:15 PM – 🧩 Design a responsive navbar and footer
7:30 – 9:00 PM – 💡 Apply layout changes for tablet or desktop version

FRIDAY – Wireframe to Final UI Practice

9:15 – 10:45 AM – ✏️Redesign your old wireframes from Week 1 using new
knowledge
11:00 – 12:00 PM – Apply a complete color palette and typography hierarchy
1:00 – 2:30 PM – 📊 Use layout grids, icons, and imagery to enhance UI
2:45 – 4:00 PM – 📱 Convert your low-fidelity layout to a polished prototype
6:00 – 7:15 PM – 🔄 Peer review your UI (or self-review with a checklist)
7:30 – 9:00 PM – 🎯 Reflect: What changed in your thinking since Week 1?

SATURDAY – Prototype Challenge

9:15 – 10:45 AM – 📝 Pick a new app idea: e.g., weather app, to-do list, or
music app
11:00 – 12:00 PM – 🔀 Sketch out 3-5 key screens and user flows
1:00 – 2:30 PM – 🎨 Build wireframes and convert them into UI in Figma
2:45 – 4:00 PM – 💻 Add prototyping and transitions
6:00 – 9:00 PM – 🎥 Test your prototype like a real user & record the
interaction

SUNDAY – Weekly Review + Inspiration

9:00 – 12:00 PM – 🧠 Review everything: Prototypes, Interactions, Accessibility

1:00 – 3:00 PM – 📁 Organize Figma files into project folders
3:00 – 5:00 PM – 📺 Watch interviews or vlogs of professional UI/UX designers
6:00 – 9:00 PM – Plan your Week 3 goals: Color theory, typography,
branding, design systems
🎓 WEEK 3 – Visual Design, Branding & Design Systems

MONDAY – UI Branding & Style Exploration

9:15 – 10:45 AM – 🎨 What is branding in UI/UX? (Logo, tone, mood, and visual
identity)
11:00 – 12:00 PM – 🌈 Moodboards and inspiration gathering (Behance,
Pinterest)
1:00 – 2:30 PM – 🧠 Define brand personality using keywords (modern, playful,
etc.)
2:45 – 4:00 PM – 🧩 Design a sample logo and color direction for your app
6:00 – 7:15 PM – 🎯 Look into brand guidelines from companies like Spotify,
Airbnb
7:30 – 9:00 PM – Build a brand moodboard in Figma or Canva

TUESDAY – Color Theory Deep Dive

9:15 – 10:45 AM – 🌈 Psychology of color in UI – what colors mean to users

11:00 – 12:00 PM – 🎨 Build a color palette (primary, secondary, neutrals)
1:00 – 2:30 PM – 🧮 Learn about contrast ratios & color accessibility
2:45 – 4:00 PM – 🧪 Use tools like Coolors and ColorBox for palette creation
6:00 – 7:15 PM – Apply your palette to a UI card or homepage
7:30 – 9:00 PM – 🔍 Test how your color choices affect emotion and clarity

WEDNESDAY – Typography & Iconography

9:15 – 10:45 AM – 🔠 Font types & roles (Serif, Sans-serif, Display)

11:00 – 12:00 PM – 📏 Learn about font sizing, weight, hierarchy, and line
height
1:00 – 2:30 PM – 🧠 Pairing fonts effectively (Google Fonts & Fontjoy)
2:45 – 4:00 PM – 🧩 Study icon libraries: Material Icons, FontAwesome, Feather
6:00 – 7:15 PM – Practice redesigning a login screen using better fonts/icons
7:30 – 9:00 PM – 🔍 Compare your typography layout with popular app UIs
THURSDAY – Building Your Design System (Part 1)

9:15 – 10:45 AM – 🧱 What is a design system? Why it's used in real projects
11:00 – 12:00 PM – 🧩 Create buttons (default, hover, active) as components
1:00 – 2:30 PM – 📄 Build typography styles (H1, H2, body text, captions)
2:45 – 4:00 PM – 🧲 Define colors, grids, spacing tokens
6:00 – 7:15 PM – 📁 Organize all UI elements in a shared Figma page
7:30 – 9:00 PM – 🔧 Use your system to build a small 3-screen layout

FRIDAY – Building Your Design System (Part 2)

9:15 – 10:45 AM – 🔄 Create reusable components (navbars, cards, modals)

11:00 – 12:00 PM – ⚙️Use Auto Layout to make components responsive
1:00 – 2:30 PM – 🧩 Set up variants for buttons, form fields, etc.
2:45 – 4:00 PM – Link everything into a central "Design Library" file
6:00 – 7:15 PM – 🎯 Test applying your system to a fresh design
7:30 – 9:00 PM – 📦 Save & document your system like a real design team

SATURDAY – UI/UX Design Challenge (Themed Project)

9:15 – 10:45 AM – 📝 Choose a product category: e.g., budgeting app, recipe

app
11:00 – 12:00 PM – 🧠 Brainstorm branding: colors, font, tone, icons
1:00 – 2:30 PM – 🧱 Build 3-4 core screens using your design system
2:45 – 4:00 PM – 💻 Add interaction: clickable prototype with transitions
6:00 – 9:00 PM – 🧪 Run a self-test or ask a friend to click through it and give
feedback

SUNDAY – Portfolio Prep & Review

9:00 – 12:00 PM – 📁 Organize Week 3 work into folders (branding, style

guides, systems)
1:00 – 3:00 PM – 🎥 Watch design reviews or walkthroughs by professionals
3:00 – 5:00 PM – 🧘 Reflect: What area needs improvement?
6:00 – 9:00 PM – Plan your Week 4 goals (UX writing, advanced prototyping,
animations)
🎓 WEEK 4 – Advanced UX, UX Writing & Microinteractions

MONDAY – UX Writing & Microcopy

9:15 – 10:45 AM – 📝 What is UX Writing? Difference from marketing copy

11:00 – 12:00 PM – 🧠 Learn tone, clarity, and consistency in microcopy
1:00 – 2:30 PM – ✍️Practice writing buttons, error messages, empty states
2:45 – 4:00 PM – 🧪 Compare good vs. bad UX writing examples
6:00 – 7:15 PM – Rewrite the text on your app flows from Week 3
7:30 – 9:00 PM – 📖 Read short articles or blogs by UX writers (e.g., Dropbox,
Google UX)

TUESDAY – Emotional Design & User Psychology

9:15 – 10:45 AM – 💡 What is emotional design? Learn Don Norman’s 3 levels

(visceral, behavioral, reflective)
11:00 – 12:00 PM – 🧠 User psychology: familiarity, habits, feedback loops
1:00 – 2:30 PM – 🎯 Apply emotional design to your app (colors, animations,
copy)
2:45 – 4:00 PM – 🔍 Study examples from Spotify, Duolingo, Calm
6:00 – 7:15 PM – 🔄 Enhance your past prototype with emotional UX details
7:30 – 9:00 PM – 🎥 Watch talks on human-centered design (YouTube/TEDx)

WEDNESDAY – Advanced Prototyping Techniques

9:15 – 10:45 AM – ⚙️Build complex flows using Figma’s Smart Animate and
overlays
11:00 – 12:00 PM – 📲 Add gestures: swiping, dragging, dropdowns
1:00 – 2:30 PM – 🧩 Use overlays to create menus, modals, and lightboxes
2:45 – 4:00 PM – 🔗 Connect screens with conditional flows and interactions
6:00 – 7:15 PM – 🧪 Test and refine transitions for smoothness
7:30 – 9:00 PM – 📂 Apply to your mobile or web design from Week 3

THURSDAY – Animation & Motion Design

9:15 – 10:45 AM – 🎬 Motion principles: easing, timing, delay
11:00 – 12:00 PM – ⚡ Tools: Figmotion plugin, Protopie (intro only)
1:00 – 2:30 PM – Create loading, transition, and feedback animations
2:45 – 4:00 PM – 🧠 Keep animations usable: don’t overdo it
6:00 – 7:15 PM – 🧪 Animate a full login or onboarding flow
7:30 – 9:00 PM – 🎥 Watch motion design breakdowns (LottieFiles, Mobbin)

FRIDAY – Real-World UX Case Studies

9:15 – 10:45 AM – 🔍 How to read a case study: Layout, story, problem →

solution
11:00 – 12:00 PM – 📄 Analyze 2–3 case studies from Behance/Medium
1:00 – 2:30 PM – 📝 Write a short case study draft of one of your past projects
2:45 – 4:00 PM – 🎯 Focus on the problem → process → solution → results flow
6:00 – 7:15 PM – 🧱 Add your wireframes and iterations to your draft
7:30 – 9:00 PM – 📑 Get feedback or do self-review of the case study

SATURDAY – Advanced UX Challenge

9:15 – 10:45 AM – 🧩 Pick a “frustrating” app you use → redesign UX flow

11:00 – 12:00 PM – 🧠 Redefine user goals, pain points, and emotional triggers
1:00 – 2:30 PM – 🔄 Redesign 3–5 key screens with improved microcopy &
feedback
2:45 – 4:00 PM – ⚙️Prototype + test with advanced animation or smart flows
6:00 – 9:00 PM – 📸 Record a walkthrough video of before & after experience

SUNDAY – Reflection & Portfolio Planning

9:00 – 12:00 PM – 🔁 Review Week 4: What skills are now second nature?
1:00 – 3:00 PM – 📁 Organize case study files, sketches, text drafts
3:00 – 5:00 PM – 🧘 Relax and read UX thought leadership content
6:00 – 9:00 PM – Plan Week 5: UI/UX Tools Mastery (Dev handoff, Framer,
Notion, Portfolio setup)

🎓 WEEK 5 – Developer Handoff, Tools Mastery & Portfolio Start

MONDAY – Developer Handoff in Figma

9:15 – 10:45 AM – 🧾 What is developer handoff? Why it matters

11:00 – 12:00 PM – Use Figma Inspect panel: spacing, font, hex values
1:00 – 2:30 PM – 🎯 Export assets properly (SVG, PNG, 1x/2x for dev)
2:45 – 4:00 PM – 🔍 Study handoff-ready files on Figma Community
6:00 – 7:15 PM – 📄 Practice annotating a mobile UI with dev notes
7:30 – 9:00 PM – 🧑‍💻 Explore Zeplin, Avocode, or Figma-to-Code plugins
(optional)

TUESDAY – Responsive Design (Real Projects)

9:15 – 10:45 AM – 📱 What is responsive design? Mobile → tablet → desktop

11:00 – 12:00 PM – 📐 Use Figma constraints, grids, and layout auto-resize
1:00 – 2:30 PM – Create 3 versions of the same homepage (mobile, tab,
desktop)
2:45 – 4:00 PM – 🧩 Learn CSS breakpoints (just basic concepts for awareness)
6:00 – 7:15 PM – 🔧 Test responsiveness of famous websites (Inspect in
browser)
7:30 – 9:00 PM – Apply responsiveness to your past project screens

WEDNESDAY – Intro to Framer / Webflow (No-Code Tools)

9:15 – 10:45 AM – 🌐 What are Framer & Webflow? Why designers use them
11:00 – 12:00 PM – 🧱 Framer basics: adding frames, links, transitions
1:00 – 2:30 PM – 🧪 Recreate a homepage prototype in Framer (or Webflow if
preferred)
2:45 – 4:00 PM – 🔄 Learn live previews, animations, and basic publish
6:00 – 7:15 PM – Explore Framer Templates for design inspiration
7:30 – 9:00 PM – 🎨 Customize a template to match your brand style

THURSDAY – Portfolio Prep: Project Selection

9:15 – 10:45 AM – 📁 What makes a strong portfolio project? (Process, not just
screens!)
11:00 – 12:00 PM – 🧠 Select 2–3 projects that best show your UX thinking
1:00 – 2:30 PM – 📝 Write project briefs (Problem, Users, Solution, Role)
2:45 – 4:00 PM – 📊 Outline how you’ll present wireframes, UI, research,
prototype
6:00 – 7:15 PM – 🧪 Study top UX portfolios (UX Collective, Bestfolios, etc.)
7:30 – 9:00 PM – 🎯 Sketch the layout of your portfolio site (Home, Work,
About)

FRIDAY – Building Your Portfolio (Start!)

9:15 – 10:45 AM – 🧰 Choose platform: Framer, Notion, Wix, Webflow

11:00 – 12:00 PM – 🎨 Set up your visual identity (font, color, logo)
1:00 – 2:30 PM – 📄 Add "About Me" section and homepage hero
2:45 – 4:00 PM – 🧩 Upload 1 full project with process and images
6:00 – 7:15 PM – 🔗 Add links to your resume, Dribbble or LinkedIn
7:30 – 9:00 PM – 🧼 Review responsiveness and polish layout

SATURDAY – Final Case Study Write-Up

9:15 – 10:45 AM – 📑 Choose 1 project to polish as a complete case study

11:00 – 12:00 PM – 📝 Write intro, research process, wireframes, UI
1:00 – 2:30 PM – 📸 Add visuals for each design phase
2:45 – 4:00 PM – 🧠 Final reflections: what worked, what didn’t
6:00 – 9:00 PM – 🎯 Publish the case study live in your portfolio

SUNDAY – Testing, Feedback & Self-Review

9:00 – 12:00 PM – 🔍 Ask friends/Reddit groups for portfolio feedback

1:00 – 3:00 PM – 🧠 Review everything you've learned in 5 weeks
3:00 – 5:00 PM – 💡 Watch portfolio critique videos (Flux, AJ&Smart)
6:00 – 9:00 PM – 📅 Plan Week 6: Career Prep (job hunt, mock interviews,
freelancing)

🎯 WEEK 6 – Career Prep, Job Hunting & Networking

Goal: Prepare for internships, full-time roles, and freelance work with a
strong portfolio and confident mindset.

MONDAY – Understanding UI/UX Career Paths

9:15 – 10:45 AM – 🧭 UX/UI job types: Product Designer, Visual Designer, UX

Researcher
11:00 – 12:00 PM – 🔍 Explore local/international job markets (LinkedIn,
Kalibrr, Upwork)
1:00 – 2:30 PM – 📄 Read actual job posts and list required tools, skills
2:45 – 4:00 PM – 📝 Compare junior vs. mid-level requirements
6:00 – 7:15 PM – 🧠 Identify which path excites you most
7:30 – 9:00 PM – 🧩 Plan skills you still need to sharpen next month

TUESDAY – Resume + Cover Letter for UI/UX

9:15 – 10:45 AM – 📄 Create a clean, modern UX Designer resume (focus on

skills + projects)
11:00 – 12:00 PM – 📝 Learn how to write UX-specific cover letters
1:00 – 2:30 PM – 🎯 Write a draft resume + 1 general cover letter
2:45 – 4:00 PM – 🔁 Review top UX resumes for structure and wording
6:00 – 7:15 PM – 🧪 Peer review or AI review for corrections
7:30 – 9:00 PM – 🧼 Finalize and save as PDF + Google Docs version

WEDNESDAY – LinkedIn + Online Presence

9:15 – 10:45 AM – 🌐 Optimize LinkedIn for UI/UX (banner, headline, about

section)
11:00 – 12:00 PM – 📲 Add case studies as "featured" posts
1:00 – 2:30 PM – 🔗 Link your portfolio, resume, and Dribbble/Behance
2:45 – 4:00 PM – Connect with local designers, alumni, recruiters
6:00 – 7:15 PM – 📬 Send 3 friendly connection requests w/ short intro
7:30 – 9:00 PM – 🧩 Join FB/Discord/UI Slack communities for support

THURSDAY – Freelancing Intro (Optional Path)

9:15 – 10:45 AM – 💼 What is freelancing? Platforms: Upwork, Fiverr, Contra

11:00 – 12:00 PM – ✍️How to write a good gig/offer description
1:00 – 2:30 PM – 🔍 Explore top-rated UX freelancers – what are they doing?
2:45 – 4:00 PM – 🧠 Learn pricing models: hourly, fixed, value-based
6:00 – 7:15 PM – Create your first freelance gig outline (even just for
practice)
7:30 – 9:00 PM – 📄 Draft a UX Design proposal template

FRIDAY – Job Interview & Whiteboard Challenge

9:15 – 10:45 AM – 🧠 Common UX Interview Questions: walk me through a

project, tool knowledge, etc.
11:00 – 12:00 PM – 🎤 Practice answering STAR format (Situation, Task, Action,
Result)
1:00 – 2:30 PM – ✍️Practice whiteboard challenge: “Redesign an ATM” or
“App onboarding”
2:45 – 4:00 PM – 🔄 Get feedback or self-assess your thinking
6:00 – 7:15 PM – 🎬 Record a 2-min self intro video
7:30 – 9:00 PM – 📚 Watch mock UX interviews (YouTube: AJ&Smart,
CareerFoundry)

SATURDAY – Final Portfolio Review & Goal Setting

9:15 – 10:45 AM – 🔍 Review your portfolio: check grammar, flow,

responsiveness
11:00 – 12:00 PM – 🧪 Ask a mentor/friend to give final feedback
1:00 – 2:30 PM – 📤 Make a list of 5 companies to apply to next
2:45 – 4:00 PM – ✉️Prepare 3 job application emails with links to your
resume/portfolio
6:00 – 7:15 PM – 🧭 Set 30-day learning goal (e.g., improve UI, learn Framer
deeply)
7:30 – 9:00 PM – ✨ Celebrate your progress! You made it!

SUNDAY – Soft Skills & Reflective Practice

9:00 – 12:00 PM – 💬 Practice communication: how to explain design decisions

1:00 – 3:00 PM – 🧘 Journaling: What did I learn? What do I feel confident in?
3:00 – 5:00 PM – 🔄 Make a “Skills Map” of what to improve next
6:00 – 9:00 PM – 📅 Plan the next month (deep dive into UI, Framer, real
clients, etc.)