NestEgg Health — App & Dashboard Design Back to Work

UI/UX Design · Product Design · Health & Wellness · 2024

NEST-
EGG

Client

NestEgg Health

Scope

UX/UI Design · Product Design

Platforms

iOS · Android · Web Dashboard

Industry

Health & Wellness · Enterprise

NestEgg Health needed a product that could do something genuinely difficult: feel like a polished consumer app while delivering the data depth enterprise administrators demand — and bring both experiences from a single, coherent design system.

The platform enables employees to build healthy habits through friendly workplace competitions. Two very different audiences — everyday employees on their phones, and HR administrators managing the program from a web dashboard — had to be served without compromising the experience for either.

The brief covered the full product: mobile app (iOS and Android), admin web dashboard, light and dark mode throughout, a component design system, motion design, and design consulting through development. A complete product ecosystem delivered end-to-end.

NestEgg Health — app overview

Product overview — mobile app and dashboard system

Enterprise wellness apps fail when they feel like enterprise software. The product had to compete with best-in-class consumer fitness apps on the employee side — while simultaneously serving HR teams who need data density and operational control.

"Two audiences, one design system. No compromise on either experience."

The employee-facing app had to make habit-building feel effortless and rewarding — onboarding, competition entry, progress tracking, and social nudges all designed to feel frictionless. The moment it felt like a corporate obligation, adoption would stall.

The admin dashboard was the opposite problem: HR managers need to monitor participation rates, configure competitions, and pull reports across an entire organisation. Data density was the defining design challenge — surfacing the right metrics without overwhelming the interface.

NestEgg — user flows and screens

User flows — employee and administrator journeys

NestEgg — mobile app screens light mode

Mobile app — light mode screens

Research-led and system-driven. A full discovery phase before a single screen was designed — mapping competitor landscapes, user flows, and the friction points that cause wellness apps to stall in enterprise adoption.

01

MARKET RESEARCH & COMPETITOR ANALYSIS

Audited 14 leading wellness and fitness platforms across consumer and enterprise categories. Identified the UI patterns that build habit loops and the data-visualisation approaches HR teams actually rely on — before designing anything.

02

DUAL USER FLOW MAPPING

Mapped separate end-to-end flows for employees (onboarding → competitions → progress) and HR administrators (setup → monitoring → reporting). The two journeys had to emerge from a single design system without either audience feeling like a second priority.

03

UI DESIGN — LIGHT & DARK MODE

Built a component-based design system supporting both light and dark modes from the ground up. Dark mode is a first-class experience — the colour system was rebuilt for dark surfaces, not mirrored from light. Brand colour used as a strategic accent to reinforce hierarchy, not as decoration.

04

ACCESSIBILITY

Contrast ratios, touch target sizing, and screen-reader-ready labelling built into the system from the first component — not retrofitted at the end. Enterprise wellness reaches all employees. Accessibility was non-negotiable.

05

ADMIN DASHBOARD & DATA VISUALISATION

Designed the web-based admin interface for managing competitions, tracking employee participation, and pulling reports. The challenge was data density — surfacing the right metrics without overwhelming the screen. Same component system as the mobile app, consistent across every surface.

06

DESIGN CONSULTING THROUGH DEVELOPMENT

Stayed in the process through build — reviewing implementation, catching drift from the design system, and answering edge-case questions before they became bugs. Handoff isn't the finish line.

NestEgg — mobile app dark mode

Mobile app — dark mode, fully realised

NestEgg — app UI detail
NestEgg — dark mode UI

App UI — component system across light and dark surfaces

A complete product ecosystem across three platforms — iOS, Android, and web — built from one design system. Consumer-grade on the employee side. Data-dense and operationally precise on the admin side.

NestEgg — admin dashboard

Admin dashboard — full interface

NestEgg — dashboard detail

Dashboard — data visualisation detail

NestEgg — dashboard components

Dashboard — component system

NestEgg — final screens

Final screens — complete product overview

End-to-end product design handed off to development with a complete design system, component library, and documented interaction specifications ready for build.

Deliverables completed:

Mobile App UI — iOS & Android (Light Mode)
Mobile App UI — iOS & Android (Dark Mode)
Admin Web Dashboard
Component Design System
User Flow Documentation
Onboarding Flow
Competition & Leaderboard UI
Data Visualisation Components
Motion Design & Micro-Interactions
3D Asset Direction
Accessibility Audit & Implementation
Design Consulting During Development
Next Project SHARED STAGES →