Healthcare Internal Tool System Design

Designing a Dynamic Homepage Builder for Healthcare

Enabling non-technical teams to control mobile app experiences at scale across a major hospital network.

Hero Mockup
NH Connect Admin System

About NH Connect

A comprehensive corporate administration system for Novant Health. Developing specialised mobile and admin applications. A robust management system featuring an intuitive dashboard to meet unique requirements for seamless administrative functionality.

The vision was to bridge the gap between high-level hospital administration and the ground-level patient experience through a unified, modular interface.

Context & Problem

NH Connect serves as the backbone for over 10,000 active patients in the US, acting as their primary digital gateway to Novant Health services.

sync_problem

The Bottleneck

The internal team needed a flexible dashboard (like WordPress/Notion) to manage mobile app content in real-time without developer dependency.

target

Strategic Goal

Reduce iteration cycles from weeks to minutes and empower non-technical stakeholders to orchestrate the digital patient journey autonomously.

The Design Process

A rigorous editorial approach to enterprise software development.

01

Requirements Gathering

Closely working with PMs and stakeholders to define the dynamic "Homepage Builder" logic, ensuring scalability across different hospital departments.

02

Component Architecture

Building a library of 30+ enterprise-grade components in Figma with auto-layout, atomic design principles, and strict accessibility tokens.

03

Prototyping & Iteration

Rapidly prototyping every flow within the admin panel for both web and mobile previews, validating drag-and-drop interactions with end users.

The "No-Code" Experience

Defining the future of healthcare content orchestration.

Drag-and-Drop Builder

Dynamic block-based interface for instant content updates.

Drag and drop builder

Live Mobile Preview

Side-by-side desktop builder and mobile viewport for real-time validation.

Live mobile preview

Architecting Efficiency

Five core features that redefined how the organization communicates with patients.

drag_pan
Drag & Drop

Fluid component layout management.

location_on
Targeting

Segment users by clinic proximity.

schedule_send
Scheduling

Timed content availability.

visibility
Live Preview

WYSIWYG patient app simulator.

rocket_launch
Publish

Instant over-the-air updates.

Evolution & Iteration

hrough iterative design discussions, the system evolved into a structured component-based workflow that made homepage publishing more predictable, scalable, and easier for non-technical teams to manage.

V1: Open Canvas

Low consistency, high errors, steep learning curve for clinicians.

V2: Slot-Based

High consistency, zero errors, 5-minute training time.

Home