Vector: Enterprise Airline Retail Order Management

Retail inMotion's order management ran on a legacy desktop application used across 90+ supply bases for Lufthansa Group's onboard retail. I rebuilt it as a web module on an entirely new information architecture, and contributed to the design system the wider platform is built on.

Project

Vector In-flight
Enterprise Management

Client

Lufthansa Group | Retail inMotion

Industry

Aviation | Supply Chain

Product Type

B2B | Enterprise

Platform

Web Application

My Role

Sr. Product Designer

Vector: Enterprise Airline Retail Order Management before and after — LegacyLegacy
Vector: Enterprise Airline Retail Order Management before and after — Newly RebuiltNewly Rebuilt
UX ResearchUser InterviewsMiro

What the legacy system actually did

Interview Findings
Kristina Gutiene user interview — Supply Chain Co-Ordinator/Data Management, detailed findings table covering questions, interviews, and next steps
USER INTERVIEW WITH Supply Chain Co-Ordinator/Data Management
Supply Chain Planner interview findings covering ordering workflows, pain points and next steps
USER INTERVIEW WITH Supply Chain Planner
Supply Chain Coordinator interview findings covering supply-chain setup, search behaviour and data ownership
USER INTERVIEW WITH Supply Chain Coordinator
Pain PointsLegacy AuditProblem Framing

Four vOMS problems. Four design answers.

Each decision in the vOMS redesign was rooted in a specific failure of the legacy system. These four moves formed the backbone of the new experience.

01

Information Architecture Overhaul

Challenge

Legacy vOMS had flat navigation with no logical grouping — users had to memorise where everything lived.

Design Move

Rebuilt IA around warehouse workflows: Receiving → Storage → Dispatch → Reconciliation. Contextual sidebars, not deep menus.

Result

Users could locate any function without training. Onboarding time reduced significantly.

02

Real-Time Stock Visibility

Challenge

Stock data was updated manually at shift-end. Ops decisions were made on stale information.

Design Move

Designed a live stock dashboard with per-base views, colour-coded stock health, and alert thresholds for critical items.

Result

Ops teams gained a real-time picture of stock levels across all 90+ supply bases for the first time.

03

Streamlined Warehouse Flows

Challenge

Core tasks like receiving stock or dispatching to aircraft required 8–12 steps through fragmented legacy screens.

Design Move

Redesigned flows end-to-end: smart defaults, step-by-step guided tasks, inline validation, and confirmation gates before irreversible actions.

Result

Key warehouse workflows reduced from 8+ steps to 3–4, with significantly fewer input errors.

04

Audit Trail & Error Prevention

Challenge

The legacy system had no traceable log of who changed what or when — a compliance and accountability risk.

Design Move

Built audit log into every stock action. Introduced anomaly flags for quantities that deviated from expected ranges.

Result

Full traceability across all warehouse operations. Fewer manual cross-checks and finance reconciliation mismatches.

Information ArchitectureMind MappingMiro

Rebuilding the information architecture

vOMS Order Management System Miro mind map — information architecture breakdown showing Orders, Companies, System, Reports, Email branches with detailed workflow nodes and new design points
Information Architecture Mind Map · vOMS Order Management System
UX ExplorationWireframesMiro

Exploration and the decisions inside it

vOMS Research Miro board — orders flow exploration showing Vector Cloud order screens with step-by-step navigation arrows across base page, recent orders, start new order, order details, my cart, and order line screens
Orders Flow Exploration · vOMS Research Board
V2 current company flow vs VC company flow wireframes on Miro — base page, add new, edit details, and edit modal with UX/UI decisions for daughter companies and data table grid
Company Flow Wireframes · V2 vs VC Comparison
V2 current contacts flow vs VC contacts flow wireframes on Miro — OMS contacts base page, add new, contact details, and edit modal with UX decisions for multiple locations and naming conventions
Contacts Flow Wireframes · User Interview Insights & UX Decisions
Design review clients and suppliers Miro board — base page, supplier and client tables, wizard stepper, and detailed change notes with annotated UI feedback
Design Review · Clients & Suppliers Feedback Board
Design system

Extending the shared design system for vOMS

My design work was scoped to the vOMS module. I adopted components from the full platform design system to keep vOMS consistent with the wider product. New components created for vOMS were merged back into the shared design system for reuse across the platform. This walkthrough shows the full system that supported that work, not a system I designed entirely myself.

Dashboard DesignOrder Management SystemSupply Chain Management

vOMS, redesigned.

Key screens from the vOMS redesign — stock visibility, warehouse flows, receiving, dispatch, and the before/after of the legacy transformation.

Due to NDA limitations, the final production screens cannot be shared. The following designs are near-final representations, with branding elements modified. However, the complete vOMS flow, structure, and UX decisions reflect the actual implemented experience.

Dashboard walkthrough loads as you scroll
Dashboard Walkthrough · vOMS Order Management System

The system users actually trust

A task-oriented, role-scoped interface built for real warehouse workflows. Live data surfaces immediately, navigation is grouped by purpose, and users always know where they are — at any depth.

Workflow-grouped nav

Warehouses → Orders → Supply Chain

Role-scoped visibility

Admins vs ops staff — different views, same system

Real-time KPI dashboard

Live data on entry — no digging required

Persistent breadcrumb

Anchors users in deep flows at any depth

UX Focus · Navigation Architecture

How the side navigation was reimagined

The legacy left nav was a flat, category-labelled link list that exposed every function regardless of context. The redesign replaced it with a task-oriented, role-aware sidebar — surfacing what users need when they need it, and hiding what they don't.

Legacy Nav — What was broken
  • Flat alphabetical list — no grouping by task or workflow
  • All sections visible to all users regardless of role
  • Category labels (Orders, Companies, Reports) obscured actual actions
  • No active state — users couldn't tell where they were in the system
  • Module tabs in the top bar duplicated nav items — double cognitive load
  • No visual hierarchy between primary and secondary actions
Redesigned Nav — What changed
  • Grouped by warehouse workflow: Warehouses → Orders → Supply Chain → Organisation
  • Role-scoped visibility — admins see Settings; ops staff see task-relevant items only
  • Icon + label system with clear active state and section highlight
  • Persistent breadcrumb (vOMS > Dashboard) anchors users within deep flows
  • Favourite Pages panel surfaces frequently used views, reducing nav depth
  • Top bar reserved for cross-module switching — clear separation of concerns
UX Principles Applied

Three principles that shaped the experience

Recognition over recall

Icons + labels remove the need for users to memorise menu locations — matching Nielsen's heuristic for reducing memory load.

Progressive disclosure

Only relevant nav items are shown per role and context. Advanced options are accessible but not prominent for non-admin users.

Spatial consistency

Active section is always visually anchored in the left rail. Users at any depth know where they are — reducing disorientation.

Snippets of the vOMS screens

These near-production previews illustrate the vOMS experience. Final production screens are under NDA and are not shown here.

Reporting Workspace

Find, assess, and act on operational reports without leaving the reporting workspace.

vOMS reporting workspace with report categories, preview, and operational reports table

UX Principles & Cognitive Patterns

Recognition over recallProgressive disclosureInformation scent

Enterprise optimisation

The inline preview removes repeated page loads and spreadsheet detours while preserving report context, filters, and recency — important when teams monitor multiple bases during one shift.

Accessibility & control

Persistent labels, explicit action names, and text-based status values reduce dependence on icon recognition. The interaction model supports a logical card-to-preview focus sequence rather than a visual-only state change.

Impact & outcomes

A legacy system made modern, scalable, and trusted.

90+

Supply bases on vOMS

5

Vector modules overseen

600+

Aircraft in ecosystem

0→1

Legacy redesigned to modern

1000+

Enterprise users

Measurement basis: Metrics are sourced from client operational reports, deployment records, and product analytics, using pre/post baselines where available.

Workflow Efficiency

  • Core warehouse tasks reduced from 8+ to 3–4 steps
  • Real-time stock visibility replaced manual shift-end updates
  • Faster onboarding with intuitive, discoverable IA

Error & Risk Reduction

  • Full audit trail on every warehouse action
  • Anomaly flags caught discrepancies before they escalated
  • Fewer manual cross-checks between warehouse and finance

Scalability Unlocked

  • System architecture designed to scale beyond 90+ bases
  • Modular redesign enabled future feature additions cleanly
  • Legacy workarounds eliminated — the system now works with users

Continue exploring

Explore other projects.

Browse more product design work across complex systems, emerging technology, and high-impact experiences.

View all projects
Let’s Talk

Let’s createimpact together.

I’m a Product Design Manager and Consultant open to complex products, strategic challenges, and high-impact collaborations. Whether you have a project, idea, or just want to say hello — I’d love to connect.

Built on real problems, not just pixels.

Karthik Rahul’s Toptal badge
01Direct conversation

Priority DM

Connect directly to discuss UX, AI, product strategy, and what's next.

DM Now
03Let’s connect

Connect Socially

Follow or connect. Let’s turn conversations into collaboration.