Design ServicesEnd-To-End
TDP Rebrand
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
AI / B2B / HealthTechProduct Design / Early Stage
xCures
AI / B2B / Enterprise SolutionsProduct Design / Enterprise
Scalestack
AI / B2C / LifestyleBranding Design / Marketing / Early Stage
Itair Website
AI / B2C / LifestyleProduct Design / Early Stage
Itair Product
B2B / Public SectorProduct Design / Early Stage
Fairing Solutions
B2B / SustainabilityProduct Design / Late Stage
Banyan Infra.
B2B / Enterprise SolutionsProduct Design / Late Stage
Monte Carlo
B2C / Public Sector / SustainabilityProduct Design / Early Stage
David Energy
B2C / Public Sector / SustainabilityProduct Design / Early Stage
David Energy
Web 3.0Product Design / Early Stage
Metera
B2C / Public Sector / SustainabilityDesign System / Early Stage
Volt Design System
AI / B2C / LifestyleProduct Design / Early Stage
Cheez
AI / B2C / HealthTechProduct Design / Early Stage
WellBe
AI / B2C / HealthTechProduct Design / Early Stage
Eleanor Health
B2B / Enterprise Solutions / Public SectorMarketing / Early Stage
Mesh Marketing
B2B / Enterprise Solutions / Public SectorProduct Design / Early Stage
Mesh ID
AI / B2B / HealthTechProduct Design / Early Stage
Atropos
AgriTech / B2B / SustainabilityDesign System / Late Stage
Full Harvest DS
AgriTech / B2B / SustainabilityMarketing / Late Stage
Full Harvest MKT
B2C / LifestyleProduct Design / Early Stage
Vouch
B2C / HealthTechProduct Design / Early Stage
SpotLyfe
B2C / MobilityProduct Design / Early Stage
Volley Automation
B2C / Lifestyle / RetailProduct Design / Early Stage
GolfForever
B2C / Lifestyle / RetailProduct Design / Early Stage
The Well
B2C / RetailProduct Design / Late Stage
Avataar
B2CProduct Design / Early Stage
OXIO
B2C / HealthTech / LifestyleProduct Design / Late Stage
Big Health
AI / B2CProduct Design / Late Stage
OSlash
AI / B2B / LifestyleProduct Design / Early Stage
Woven
B2C / LifestyleProduct Design / Early Stage
NextGem
AI / B2C / HealthTechProduct Design / Early Stage
Altoida
B2B / Enterprise SolutionsProduct Design / Early Stage
JupiterOne
AI / B2CProduct Design / Early Stage
Sojourn
AI / B2CProduct Design / Late Stage
SOUQ
AI / B2B / Public SectorProduct Design / Late Stage
Socure
B2C / LifestyleProduct Design / Early Stage
Streamzy
B2B / Public SectorProduct Design / Early Stage
Anno.ai
B2B / Enterprise SolutionsProduct Design / Enterprise
Purespectrum
AI / B2BProduct Design / Early Stage
Noogata
B2B / Public SectorProduct Design / Early Stage
Conserv
AI / B2BProduct Design / Early Stage
Brev