Minggu 1-2: Design Foundations
Dua minggu pertama membangun fondasi UI/UX design. Kamu akan memahami apa itu UI/UX, design thinking process, dan mulai belajar Figma sebagai primary design tool.
Week 1-2 Focus
Design basics, design thinking, Figma setup
Modul 1: What is UI/UX Design?
⏱️ 60 menitPahami perbedaan UI (User Interface) dan UX (User Experience) design. Explore bagaimana kedua disciplines bekerja sama untuk menciptakan digital products yang exceptional.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Apa fokus utama UX design?
✏️ Latihan:
- Analyze your favorite app's UI
- Identify UX pain points in an app
- Research designer salary ranges
- Create design career roadmap
Modul 2: Design Thinking Process
⏱️ 90 menitPelajari design thinking process. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Build wireframes
- Create user flows
- Design information architecture
- Validate with users
Modul 3: User-Centered Design
⏱️ 90 menitPelajari user-centered design. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Set up Figma
- Learn component basics
- Create design system
- Document components
Modul 4: Figma Setup & Basics
⏱️ 120 menitPelajari figma setup & basics. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Audit for accessibility
- Fix WCAG issues
- Test with screen readers
- Create accessible forms
Modul 5: Color Theory
⏱️ 90 menitPelajari color theory. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Design mobile app screens
- Create responsive layouts
- Design touch interactions
- Prototype animations
Modul 6: Typography
⏱️ 90 menitPelajari typography. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Design a dashboard
- Choose appropriate charts
- Create data visualizations
- Optimize for readability
Modul 7: Layout & Spacing
⏱️ 90 menitPelajari layout & spacing. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Design landing page
- Create CTA variations
- A/B test designs
- Analyze results
Modul 8: Visual Hierarchy
⏱️ 90 menitPelajari visual hierarchy. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Add micro-interactions
- Design animations
- Create prototype
- User test feedback
Modul 9: User Research Methods
⏱️ 120 menitPelajari user research methods. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 10: User Personas
⏱️ 90 menitPelajari user personas. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 11: User Journeys & Flows
⏱️ 90 menitPelajari user journeys & flows. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 12: Information Architecture
⏱️ 90 menitPelajari information architecture. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 13: Wireframing Basics
⏱️ 90 menitPelajari wireframing basics. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 14: Low-Fidelity Prototyping
⏱️ 90 menitPelajari low-fidelity prototyping. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 15: High-Fidelity Design
⏱️ 120 menitPelajari high-fidelity design. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 16: Interactive Prototyping
⏱️ 120 menitPelajari interactive prototyping. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 17: Design Systems Overview
⏱️ 90 menitPelajari design systems overview. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 18: Components & Patterns
⏱️ 120 menitPelajari components & patterns. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 19: Style Guides
⏱️ 90 menitPelajari style guides. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 20: Auto Layout & Constraints
⏱️ 90 menitPelajari auto layout & constraints. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 21: Usability Testing
⏱️ 120 menitPelajari usability testing. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 22: A/B Testing Basics
⏱️ 60 menitPelajari a/b testing basics. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 23: Accessibility (WCAG)
⏱️ 90 menitPelajari accessibility (wcag). Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 24: Mobile-First Design
⏱️ 90 menitPelajari mobile-first design. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 25: Responsive Design
⏱️ 90 menitPelajari responsive design. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 26: Design handoff to Developers
⏱️ 60 menitPelajari design handoff to developers. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 27: Design Critique Skills
⏱️ 60 menitPelajari design critique skills. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 28: Portfolio Building
⏱️ 90 menitPelajari portfolio building. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 29: Case Study Creation
⏱️ 90 menitPelajari case study creation. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 30: Design Interviews
⏱️ 60 menitPelajari design interviews. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 31: Capstone: Full App Design
⏱️ 180 menitPelajari capstone: full app design. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 32: Capstone: Prototype
⏱️ 120 menitPelajari capstone: prototype. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 33: Capstone: User Testing
⏱️ 90 menitPelajari capstone: user testing. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 34: Capstone: Iteration
⏱️ 90 menitPelajari capstone: iteration. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 35: Capstone: Final Presentation
⏱️ 60 menitPelajari capstone: final presentation. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 36: Animation Principles
⏱️ 90 menitPelajari animation principles. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 37: Micro-interactions
⏱️ 90 menitPelajari micro-interactions. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 38: Design Career Paths
⏱️ 60 menitPelajari design career paths. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 39: Keeping Up with Trends
⏱️ 60 menitPelajari keeping up with trends. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4
Modul 40: Final Review & Graduation
⏱️ 30 menitPelajari final review & graduation. Module inicover fundamental concepts, practical applications, dan hands-on exercises yang akan membangun pemahaman mendalam tentang topik ini.
Topik yang akan dipelajari:
📚 Resource Pembelajaran:
📝 Quiz
Quiz question placeholder?
✏️ Latihan:
- Exercise 1
- Exercise 2
- Exercise 3
- Exercise 4