Share and receive pictures Consumer App / Early Stage
Cheez
Navengage
A modern mobile app focused on student engagement.
- Design System
- White Label Design
Summary
Navengage sought our assistance in developing a Design System that was adaptable for white labeling, allowing customization for various schools.
We offered a solution that was versatile, adaptable and easy to customize.
The challenge
Modularity
Develop a set of design components that could be easily customized, such as color schemes, typography, and UI elements.
White Labeling
Implementing a framework that allowed for easy adaptation of school-specific branding while maintaining a consistent look and feel.
Scalability
Ensuring the design system was scalable for future updates and easy for developers to implement across different platforms.
We had to tackle
+100
Components and Variants
An adaptable
White label styleguide
Multiple
Combinations
Our Proccess
We kicked off by breaking the UI down into smaller, reusable pieces using atomic design. The big task was making sure everything still felt consistent while letting schools customize their look. Atomic design made the development simpler and let us create unique styles. We made components that schools can easily adjust, combining simplicity with a personal touch.
We used these elements to craft a handy set of UI components and templates that can be tweaked to fit different school styles.
Atoms
We focused first on mastering the basic elements, such as setting typographic styles, selecting versatile colors, choosing icons from a library, and defining essential actions needed across all screens like buttons, pills, and tabs
Our solution was a comprehensive design system and guidelines
Results
We crafted a handy set of UI components and templates that can be tweaked to fit different school styles. We included specific guidelines for typography, color palette, grids and layouts, enabling customization to reflect each school's unique identity. The whole system is built to be flexible and easy to scale up, making updates and maintenance a breeze.
Thank you!
See more of our work
Work-Life Awareness App Wellness / Early Stage
SpotLyfe
Job posting & application management for creators Consumer App / Early Stage
Vouch
Marketplace for surplus produce to reduce food waste Climate Tech / Late Stage
Full Harvest MKT
Marketplace for surplus produce to reduce food waste Climate Tech / Late Stage
Full Harvest DS
Real-world evidence for clinical decisions Healthcare / AI / Early Stage
Atropos Health
Business entity identity verification Security / Early Stage
Mesh App
Business entity identity verification Security / Early Stage
Mesh Marketing
Digital therapeutics and mental health Healthcare / Early Stage
Eleanor Health
Artificial intelligence and robotics Mobile / Dashboard / White Label Products
Volley Automation
Golf, Fitness and Wellness System B2C / Early Stage
GolfForever
Modern membership-based wallness club Wellness / Early Stage
The Well
AI-led story telling vision platform AI / Late Stage
Avataar
Telecom-as-a-service platform Consumer App / Early Stage
OXIO
Digital therapeutics and mental health Questionnaire / Dashboard / Personalization
Big Health
Intuitive search tool for the workplace UX / Dashboard / App Design
OSlash
Calendar and event scheduling UX / Dashboard / App Design
Woven
Card collecting app UX / Dashboard / App Design
NextGem
Augmented Reality (AR) Simplification / App Design
Altoida
Security reporting and analysis UX / Dashboard / App Design
JupiterOne
Grocery shopping experience with AR technology UX / Dashboard / App Design
Sojourn
Leverage blockchain benefits Launch Beta / UI / App Design
SOUQ
Digital identity verification Simplification / App Design
Socure
Intuitive movie-matching technology UX / Dashboard / App Design
Streamzy
Scheduling app for the US Air Force UX / Dashboard / App Design
Anno.ai
Card collecting app UX / Dashboard / App Design
Purespectrum