Deliverables: Component library, Full design system, Documentation, and End-to-End UI Screens
💡 Project Overview
Nyelux is a health-tech startup building an AI-powered clinical intelligence platform. It connects healthcare professionals with medical device manufacturers to deliver:
Instant product education.
Real-time technical support.
Compliance tracking and updates.
The goal is to improve patient safety, care efficiency, and staff confidence in medical environments.
🎯 The Problem
"At 2 AM in the emergency room, when a critical patient's life depends on understanding an unusual device alarm, waiting until morning to reach a vendor rep simply isn't an option." - Dr. Sarah Chen, Emergency Medicine
Healthcare practitioners were struggling with:
Doctors:
Doctors couldn't get help with a medical device at 2 AM without waiting for a vendor’s callback.
Device questions at critical moments with no immediate support
Vendor reps are often unavailable during emergencies.
Vendor representatives unable to provide 24/7 coverage across multiple facilities
A vendor couldn't support 20+ hospitals without constantly being on the road.
Administrators:
Managing compliance for hundreds of staff is overwhelming.
Training compliance gaps are putting patient safety at risk
Fragmented communication between manufacturers and clinical teams
An administrator couldn't keep hundreds of staff compliant with training requirements without drowning in spreadsheets.
This funding will help:
Finalize and launch the platform across multiple hospitals.
Scale infrastructure for real-time AI support and instant messaging.
Expand integration with FDA databases and hospital systems.
Accelerate user onboarding and compliance programs.
Build a dedicated support and training team for large-scale adoption.
Why VCs are interested:
High-impact market – Solves urgent communication and training gaps in healthcare.
Multiple revenue streams – Licensing for hospitals, vendor subscriptions, and premium support packages.
Scalable model – One platform can serve thousands of healthcare professionals and vendors simultaneously.
Clear ROI potential – Faster device issue resolution, higher compliance rates, and measurable cost savings for hospitals.
With the design already in place, the product is positioned to present a strong, investor-ready story that blends a large addressable market with proven healthcare needs.
📋 The UX Brief & Challenges
The client provided a UX design brief with 25 screen outlines and basic AI-generated wireframes.
Challenges I faced:
Wireframes generated by AI lacked detail, user flow logic, and content hierarchy.
The platform had to serve three different roles with unique needs.
Tight budget and quick delivery schedule.
🔍My Role & Responsibilities
I handled the entire UI/UX design process for the web app:
Healthcare UX principles: clarity, safety, and role-specific layouts.
Research & Competitor analysis: Studied the UX brief, researched medical dashboards, and mapped role-specific workflows.
UI Design: Added missing interactions, states, and real-world details that AI wireframes overlooked.
Design System: Ensured consistent typography, spacing, colors, and iconography for scalability.
Responsive Layouts: Created optimized versions for desktop and mobile responsive breakpoints.
🧿Who We Designed For (Target Users)
We focused on 3 core user groups:
Healthcare Practitioners – Need instant device support, clear alerts, and easy access to training.
Medical Device Vendors – Require tools to support multiple hospitals remotely and keep documentation up to date.
Hospital Administrators – Need efficient compliance tracking, user management, and training oversight.
🎨 UI Design Process
1. Building the Design System
Clean medical-grade aesthetic (whites, light grays, blue #2563EB for actions).
Status colors: green (success), amber (warning), red (critical).
Accessible typography with clear hierarchy.
Components for buttons, forms, cards, modals, and notification banners.
Typography System
Buttons Component
Input Label Components
💢Dashboard Component Library
Zoom in view
Full view
2. Structuring the Workflows
Role-specific dashboards with relevant metrics and shortcuts.
Seamless navigation between AI chat, messaging, and scheduling.
Quick actions are always visible to reduce clicks.
3. UI Designs
Auto-layout for responsive screen variations.
Developer-ready UI designs.
📌 Key Screens & Features
👨⚕️ For Healthcare Professionals (HCPs)
Designed for speed and clarity during high-pressure situations:
AI Device Support Chat – Real-time, role-specific assistance.