BobaTalks is a nonprofit helping students navigate career development through coffee-chat mentorship. I worked as a part-time designer for one year, designing the scheduling experience. This project showcases the design system and visual design I created from scratch.
Design System
Build design system to streamline the design + dev process
When I started this project, the existing design system was rudimentary and focused on the marketing page, setting the visual style but lacking components for the scheduler. Building a design system is time-consuming, but its benefits—development efficiency, UI consistency, and scalability.
Icons
Taking charge of the icon design to ensure visual style uniformity with BobaTalks brand
Icons play a crucial role in conveying brand style. In my explorations, I experimented with a colorful style and icons featuring expressions. The final version aims to clearly convey meaning in a simple way while maintaining consistency with the brand style.
Illustrations
Make the website visually playful, cute, and inviting
Reflections
What I learned…
🧩 Building a design system for an early-stage project
When starting a large project from scratch, it’s often impractical to immediately build a full design system due to the time and effort required. However, a consistent and scalable design system is crucial for long-term success. To achieve this balance, as we explore visuals and progress toward high-fidelity designs, I integrate some essential components into our design system. This enhances usability and consistency, reduces design modification time, and simplifies communication with developers.