Role
Lead Product Designer and UX/UI Developer
Timeline
8 Weeks
Tech Stack
React Native, UX Architecture, Data Visualization, Design System
Impact Metric
1. Overview & The Brief
To engineer a comprehensive mobile application that centralizes complex procurement cycles, spending data, and order fulfillment. The platform needed to balance data-dense dashboard elements with a highly intuitive, frictionless user experience tailored for busy pharmacists working in fast-paced retail or clinical environments.
2. The Context
Pharmacists frequently navigate fragmented supply chains, managing manual order entries, erratic product availability, and siloed financial documents (such as invoices, complaints, and credit notes or avoirs). The core objective was to build a single operational nervous system that replaces disconnected spreadsheets with real-time tracking.
A single operational nervous system featuring real-time tracking and an intuitive inventory verification split. If a targeted item is unavailable, the system intelligently reroutes the pharmacist to select an available generic substitute to prevent supply chain disruption, ensuring order tracking feeds cleanly into interactive spending metrics.
3. Ideation & Architecture
A completely efficient, mistake-free user journey mapping out critical inventory paths and data continuity.
Generic Substitution Logic
If an item is unavailable, the system reroutes to generics to prevent supply chain disruption.
Product History
Ensures pharmacists can select specific batches and view detailed tracking information in real-time.
Interactive Metrics
Post-ordering tracking data flows seamlessly into unified document centers and spending curves.
Pharmainvest Operational Console
Active Pharmacist: Jean • Clinical Hub Dubai
Amoxicillin 1g is currently unavailable across all regional suppliers. Our automated system has identified a Bio-Equivalent Generic Substitute.
4. Establishing the Visual Language
To ensure scalability, we developed a modular design system. The color palette utilizes semantic signals and distinct status indicators to provide instant feedback for user management. The typography prioritizes readability for high information density.
Semantic Coding System
Click any color block to copy its hex value.
Scale & Alignment
Prioritized text hierarchy for dynamic viewport densities.
Component Library
Atomic components with precise semantic signals.
5. Final UI & Key Features
The Analytical Dashboard
Interactive dashboard featuring live spending curves, product history indices, and historical filters.
Batch & Inventory Navigation
Allows pharmacists to evaluate distinct batches, expiration parameters, and price fluctuations efficiently.
Frictionless Purchasing
Streamlined transactional screens designed to review active orders, confirm batch assignments, and process secure payments.
High-Fidelity Interface Showcase
Interactive screen previews across multiple responsive layout viewports.
FINAL DESIGN
WIREFRAME
CHART
6. Project Impact & Reflection
Pharmainvest successfully transformed a deeply fragmented, analog procurement cycle into a swift, modern mobile experience. By mapping out strict decision logic early on, the platform completely removed operational guesswork for the end user.
More Projects
View All Projects →The TishTash Group
Conceptualized and developed a centralized corporate digital hub bringing their diverse communications, consumer, and kids sub-brands under one cohesive umbrella.
