Branding and Colors
The branding for Mio was crafted to evoke a sense of approachability and modernity. The color palette consists of vibrant, bright and fun hues, creating a harmonious and inviting user experience.
Teal - Trust and reliability, the main color for backgrounds
Magenta - Vibrancy, used for icons, accents, and titles
Yellow - Used sparingly as a highlight color
GREY - A soft alternative to stark white
Mobile Interface
The mobile interface of Mio provides a compact, responsive design. Its simplified design is conducive for quick, on-the-go access to courses and progress updates.
Desktop Interface
The desktop view of Mio features a clean, intuitive layout designed to maximize learning efficiency and user engagement. The landing page welcomes users with a streamlined left navigation bar, and an overview of key features. The dashboard presents weekly activities, learning experiences, and study groups in a well-organized, easily navigable format.
Live Demo
Skills used: UI design, UX design, Prototyping, Branding, CSS & CMS
Programs Used: Adobe Illustrator, Adobe XD, CMS