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

Cheez
Cheez
Share and receive pictures Consumer App / Early Stage
Cheez
SpotLyfe
SpotLyfe
Work-Life Awareness App Wellness / Early Stage
SpotLyfe
Vouch
Vouch
Job posting & application management for creators Consumer App / Early Stage
Vouch
Full Harvest MKT
Full Harvest MKT
Marketplace for surplus produce to reduce food waste Climate Tech / Late Stage
Full Harvest MKT
Full Harvest DS
Full Harvest DS
Marketplace for surplus produce to reduce food waste Climate Tech / Late Stage
Full Harvest DS
Atropos Health
Atropos Health
Real-world evidence for clinical decisions Healthcare / AI / Early Stage
Atropos Health
Mesh App
Mesh App
Business entity identity verification Security / Early Stage
Mesh App
Mesh Marketing
Business entity identity verification Security / Early Stage
Mesh Marketing
Eleanor Health
Eleanor Health
Digital therapeutics and mental health Healthcare / Early Stage
Eleanor Health
Volley Automation
Volley Automation
Artificial intelligence and robotics Mobile / Dashboard / White Label Products
Volley Automation
GolfForever
GolfForever
Golf, Fitness and Wellness System B2C / Early Stage
GolfForever
The Well
The Well
Modern membership-based wallness club Wellness / Early Stage
The Well
Avataar
AI-led story telling vision platform AI / Late Stage
Avataar
OXIO
OXIO
Telecom-as-a-service platform Consumer App / Early Stage
OXIO
Big Health
Big Health
Digital therapeutics and mental health Questionnaire / Dashboard / Personalization
Big Health
OSlash
OSlash
Intuitive search tool for the workplace UX / Dashboard / App Design
OSlash
Woven
Woven
Calendar and event scheduling UX / Dashboard / App Design
Woven
NextGem
NextGem
Card collecting app UX / Dashboard / App Design
NextGem
Altoida
Altoida
Augmented Reality (AR) Simplification / App Design
Altoida
JupiterOne
JupiterOne
Security reporting and analysis UX / Dashboard / App Design
JupiterOne
Sojourn
Sojourn
Grocery shopping experience with AR technology UX / Dashboard / App Design
Sojourn
SOUQ
SOUQ
Leverage blockchain benefits Launch Beta / UI / App Design
SOUQ
Socure
Socure
Digital identity verification Simplification / App Design
Socure
Streamzy
Streamzy
Intuitive movie-matching technology UX / Dashboard / App Design
Streamzy
Anno.ai
Anno.ai
Scheduling app for the US Air Force UX / Dashboard / App Design
Anno.ai
Purespectrum
Purespectrum
Card collecting app UX / Dashboard / App Design
Purespectrum