Edutech
Website
Overview
BuildWithAngga is a leading online learning platform that provides various courses and learning materials in web development, app development, UI/UX design, and graphic design. The platform serves thousands of students who want to develop technology skills and build careers in the digital industry.
Role
UI Designer Internship
Timeline
Mar 2022 - Jul 2022
About BuildWithAngga
BuildWithAngga is a leading online learning platform that provides various courses and learning materials in web development, app development, UI/UX design, and graphic design. The platform serves thousands of students who want to develop technology skills and build careers in the digital industry.
Sidebar Navigation Redesign
The Problem
Students wasted valuable study time searching for specific course materials due to confusing navigation structure.
Each section/topic was not clearly grouped, creating inefficient navigation
No information about duration and number of materials in each section
Inefficient navigation caused students to lose focus during learning
Flat structure made progress tracking difficult
existing
breakdown solution
Design Solution
I designed a hierarchical navigation system with dropdown menus for each section, complete course information including duration and material count, plus clear visual hierarchy to help students track their progress efficiently.
Dropdown menus for each section of class materials
Complete course information including time duration and number of materials
Clear visual hierarchy to distinguish between sections and sub-materials
Process & Research
Competitive Analysis:
Conducted in-depth comparison with platforms like Udemy to understand best practices in course navigation.
Design Exploration
Sought inspiration from Dribbble and Behance to create modern and user-friendly interfaces.
new interface
Learning Outcomes
This project taught me how thoughtful information architecture directly impacts learning efficiency, and how small navigation improvements can dramatically reduce user frustration.
Information "Kelas Patungan"
The Problem
Students didn't understand the purchasing procedure for "Kelas Patungan" (group-buy classes), where multiple students share course costs, causing confusion and potential sales conversion loss.
No clear explanation about the joint class system
Students were confused about pricing and purchase process
existing
Design options
Design Exploration
From the three course card design options developed, we selected Option 3 as the final solution because it provides the most optimal clarity and transparency to address user confusion about "Promo Patungan" (group-buy promotion).
Reasons for Selecting Option 3
Enhanced Information Hierarchy Option 3 provides comprehensive explanation about the group-buy promotion directly on the course card, with a tooltip explaining "You can invite 3 friends optionally to get a special 25K promo" - crucial information for eliminating user confusion.
breakdown solution
Design Solution
I designed a comprehensive information system with interactive tooltips on each class currently in joint promotion, clear instructions on the checkout page, and transparent pricing information to eliminate confusion.
Interactive tooltips on each class currently in joint promotion
Clear instructions on how to purchase joint classes on checkout page
Transparent pricing information to eliminate confusion
Design Implementation
Course Card Enhancement
Added informative visual indicators and tooltips for joint promotions.
Checkout Process Improvement
Integrated comprehensive joint promotion information in checkout section.
new Interface
Learning Outcomes
This project enhanced my understanding of how clear communication design can reduce user confusion and significantly improve purchase experience clarity.
Conclusion
This internship taught me that effective UI/UX design requires deeply understanding user workflows, not just creating visually appealing interfaces. The hands-on experience of solving real problems for thousands of users shaped my approach to user-centered design.
Working under direct mentorship while contributing to a platform serving thousands gave me invaluable perspective on how design decisions impact both user satisfaction and business success. This experience reinforced my commitment to continuous learning and staying responsive to actual user needs.
"I am still learning to explore UX and UI design, listening to user complaints and implementing knowledge shared by mentors." - A reflection that captures the growth mindset and commitment to continuous improvement in design practice.
