Industry:
B2B SaaS | Web app (Manager & Employee)
Role:
Lead Product designer
Duration:
Jan 2025 - April 2025 (4 months)
Team:
Cross-functional collaboration with developers
Scope:
Discovery → UX flows → UI/Brand → Design System → Prototypes → Usability tests → Handoff
Tools:
Figma, Figjam, Adobe Illustrator, After Effects, Premier Pro, Adobe Photoshop, Jira
AI-powered scheduling for airlines that ensures pilots and crew stay rested, alert, and safe.
WingWise is a B2B web app that helps airlines monitor crew sleep, schedules, and fatigue. Using AI-powered tools, it ensures pilots and crew are well-rested, improving safety, performance, and operational efficiency.
Aviation
Wearables
AI Scheduling
Problem
Challenge:
How might we design a solution that proactively detects fatigue risks, supports crew members, and enables managers to schedule efficiently without compromising safety?
Key Solutions - Making Safety Actionable
We translated complex safety rules (FDTL) and fatigue research into clear, intuitive tools.
1.Fatigue Risk Indicator (Forcx Crew)
Outcome: Crew instantly understood their fatigue status.
Fatigue Risk
Need Good Rest
55%
Low
Moderate
High
2.FDTL Compliance Dashboard (Managers)
Tracks Flight Duty Hours (FDH), Rest Periods (RP), and cumulative duty limits
Sends alerts when crew nears/exceeds regulations
Shows crew availability, qualifications, and fatigue levels
Outcome: Managers rescheduled safely in minutes, not hours
Fatigue Risk
Need Good Rest
55%
Low
Moderate
High
This research ensured that alerts and recommendations were based on real, actionable data, making safety decisions fast and reliable.
Approach & Design Process
1. Research & Domain Familiarization
Learned aviation workflows, safety protocols, and terminology (Crew Roster, Duty Period, Fatigue Alerts, FDTL).
Mapped 3 key personas:
👩🏻✈️ Pilot → Needs clarity on rest, upcoming duties, and compliance.
👨🏽💼 Crew → Wants transparent schedules and rest balance.
👩🏻💼 Manager → Needs visibility into crew readiness and fatigue risk.
Using the MoSCoW method, I defined core features for pilots and managers and identified secondary “nice-to-have” features.
2. User Flows & Wireframes
User flows & wireframes Mapped end‑to‑end flows for pilots, crew, and managers; validated hierarchy and navigation in low‑fi before investing in visuals.
High‑fidelity UI Built pixel‑perfect screens with micro‑interactions that reinforce trust (empty states, hover, and snackbars).
Prototype Interactive prototype to simulate E2E use and decision points (gauge changes, roster edits, compliance checks).
View Figma Wireframes ↗
3.Usability Testing & Validation
5 participants refined critical workflows and navigation.
2 real pilots validated fatigue alerts and compliance flow logic.
Result Surfaced hidden pain points early; improved clarity in safety‑critical moments.
Testing with real pilots provided invaluable insights beyond assumptions, allowing me to identify hidden pain points and validate critical workflows. This ensured that the final design was not only user-friendly but also aligned with real operational needs and safety requirements.
4. Branding & Design System
Identity: Minimal, aviation‑aware logo with flexible variants.
Typography: Noto Sans + DM Sans → clean, modern, and supporting 100+ languages (critical for aviation).
Colors: Applied color psychology + ensured WCAG AA accessibility compliance.
Components Inputs, checkboxes, navigation, empty states, feedback patterns; consistent spacing, layout, and visual hierarchy.
Scale Documented tokens and patterns to keep velocity high as features and teams grow.
5. Collaboration & handoff
Built pixel-perfect mockups with micro-interactions
Developed interactive prototype in Framer to simulate end-to-end use
Outcome
Crew understood fatigue status instantly; fewer questions, faster self‑correction.
Managers could reschedule safely in minutes, supported by proactive alerts and recommendations.
Consistent, explainable logic reduced ambiguity around FDTL adherence.
A scalable design system accelerated delivery and kept quality high across new screens.
As lead designer, I realized that a designer is the driver, and users are the passengers — our responsibility is to guide them smoothly and safely to their destination.
My Contribution (90% Ownership)
I led this project as the sole/primary designer, driving end-to-end design execution—from research and wireframing to prototyping and final delivery. My work shaped the vision, strategy, and final user experience.
✔ Research & personas · Feature prioritization · User flows · Wireframes · Usability testing · Branding (logo, type, color, accessibility) · Design system & components · High‑fidelity UI · Prototyping in Figma · Dev collaboration & handoff.