Funetix Design System and Library Development
App Delivery in Oct, 2020
UI Design, UX research, curriculum, and app development are expected to be completed by Oct, 2020.
Design System Development
Develop a scalable and comprehensive design system/library to support the 2000+ screens curriculum.
Art Direction Explorations
Explore potential art directions for the app to create an engaging and focused learning experience for the users.
Content Quality Control
Ensure all the course content is accurately represented and placed in the Funetix’ app’s mockups.
Explore the look and feel
One of my favorite Funetix art direction explorations
Funetix’s mission is to teach disadvantaged kids how to read. Through the exploration below, I wanted to create a friendly and relaxing learning environment that will not distract the users away from the main course content.
Focus, friendly, and engaging
Design system and library
Scalable, dynamic, and flexible
One of the biggest challenges about developing a design system/library for Funetix is that the system has to be scalable and flexible enough to accommodate the 2000+ screens in the course curriculum. Building a shared Sketch library for Funetix is important so that future component updates could be applied to all the screens easily.
28 modules, 2000+ screens
UI and art
Bringing the spirit of Funetix to life
Original character design and GUI elements
Using focus, friendly, and engaging as the guiding principles, I created a set of illustrations for Funetix’s potential mascot and GUI.
Mascot design and GUI elements
Instead of using the original illustrations created in-house, the team had decided to move forward with a series of free vector art to achieve a more scalable solution for the fast-paced development cycle.
The library continues to evolve and serve the team as designers, content managers, UX researchers continue to develop the remaining modules.