Schoolabs
Schoolabs - An Ecommerce that sell A-Z all you want
Landing page
Dashboard
Desktop Web app
Responsive Web app
Project timeline
2023
What we do
UX Research
UX/UI Design
Web Development
SchooLabs is a new start up company and they want to build a website that offers a range of online courses for UI/UX Designers and Developers.
Service
Designing for MVP
The goal of this project is to design a seamless and intuitive platform that enhances the user experience in three core areas: course discovery and enrollment, learning materials access, and assessment with progress tracking. The platform should make it easy for users to find relevant courses, engage with high-quality learning content, and track their learning journey efficiently.
The Challange
Course Discovery and Enrollment – Users often struggle to find relevant courses due to cluttered interfaces or poor categorization.
Learning Materials Access – Learners need quick and organized access to course content across devices.
Assessment and Progress Tracking – Tracking progress and assessments can be confusing or overlooked by users.
The Solution
Implement a clean layout with smart filtering, search functionality, and personalized recommendations to help users discover and enroll in courses effortlessly.
Design a responsive interface with clearly structured modules, downloadable resources, and offline access options to enhance learning flexibility.
Integrate visual progress indicators, timely feedback, and a dashboard that summarizes achievements and next steps, keeping users motivated and informed.
About the project
SchooLabs is a collaborative project between designers and developers, created as part of the Devsigner event. Our team consists of four designers and three developers. My role in this project was as a researcher and UI designer.
Timeline
About app
SchooLabs is a new start up company and they want to build a website that offers a range of online courses for UI/UX Designers and Developers. The website aims to offer a user-friendly interface and visually appealing platform, the platform must be easy for learners to discover, access and engage with online courses.
Schoolabs’s key features
Double diamond Framework
Discover
In Depth Interview
5 users
In their 20’s
Have used online course before
Graduates / job seeker / worker / freelancer
Live in Indonesia
Pain Point
Course forums are often inactive and lack interactivity.
Certificates obtained simply by watching videos hold little value in the eyes of HR or companies.
Some courses lack content and curriculum curation, making the learning process difficult.
Users want a platform with an active forum to engage and socialize further about the course material.
They seek certificates that can add value to their professional profile in the eyes of HR or potential employers.
They expect course materials to have a well-structured and easy-to-understand curriculum.
Competitive Analiysist
Define
User Persona
User Journey
Develop
User Flow
Information Architecture
Wireframe
Style Guide
Color Palette
Typography
Icons
Deliver
High fidelity Design
Prototype
Goto this live Website schoolabs
The Result
Schoolabs successfully launched as a learning platform for both designers and developers, offering structured, hands-on courses in UX, UI, and coding. With features like progress tracking, assignment submissions, and community discussions, the platform encourages active, project-based learning.
Through this project, we learned that great learning experiences require more than just good content — they need clarity, structure, interaction, and a strong sense of community. Simplicity in design, real-world application, and learner-focused features turned Schoolabs into more than a course site — it became a growth hub.
