AKAkhil Kumar
← All work

01 — Overview · Enterprise UX · Store operations

Hexa Store — Showroom Sales & Order Management

A mobile app that lets a large retailer's showroom sales teams manage customers, product discovery, stock availability and order placement from a single platform.

Company
Home & Furniture Retail, UAE
Role
Lead Product Designer
Timeline
Jan 2024 — Present

02 — Problem

Showroom staff serve customers face to face, often several at once, but the information they need sits in many places: the customer's history and loyalty status, live stock, pending orders, open baskets and their own targets.

Hexa brings that into one app built for a fast-paced showroom floor, with role-based views for sales staff and managers.

03 — Users

  • Sales associates

    Identify the customer, find products and stock, and place orders, sometimes for several customers at once.

  • Managers

    See sales KPIs, pending orders, who is serving whom and progress against targets.

04 — My role

Lead Product Designer

  • Enterprise UX
  • Workflow analysis
  • Information architecture
  • Wireframes
  • Prototyping
  • UI
  • Design system

Team · Worked with product managers, React Native developers and business stakeholders.

What I owned

  • Led UX strategy and user research for the showroom sales workflow
  • Designed the information architecture, wireframes, high-fidelity UI and interactive prototypes
  • Designed role-based access and personalised dashboards for sales staff and managers
  • Designed product search, stock visibility, multi-basket ordering and customer management
  • Built the scalable mobile design system

05 — Challenge

  • P1

    Context lived in separate systems

    Customer history, loyalty, stock and orders weren't visible together at the moment of sale.

  • P2

    Different roles, different questions

    A sales rep, a manager and an executive need different first screens from the same data.

  • P3

    Several customers at once

    Associates juggle more than one customer on a busy floor and need each basket kept separate.

  • P4

    Following up

    Customers who don't buy on the first visit need tracking: Active, Pending and Archived segments, plus searchable sales history.

  • P5

    Who's serving whom

    On a busy floor, staff need to know which customer each colleague is currently serving.

06 — Journey / workflow

Showroom sales workflow

  1. 01Identify customerProfile with loyalty tier, points, wallet and visit count.
  2. 02Understand historyTimeline of store visits, orders and categories viewed.
  3. 03Find productSearch with filters and categories, detail pages, real-time stock and low-stock alerts.
  4. 04Build basketA basket per customer — several open at once — or a formal quotation.
  5. 05Take paymentCard, cash, Tabby instalments or pay-by-link.
  6. 06Track targetsPersonal and team targets by category cluster.

07 — UX approach

Customer Journey → Information Architecture → User Flow → Wireframes → Component Strategy → Design System → UI → Prototype → Development

  1. Customer JourneyMapped the showroom visit from greeting to payment, from both the customer's and the rep's side.
  2. Information ArchitectureHome, Information, Orders and Me, with a central scan action.
  3. User FlowCustomer lookup, multi-basket ordering, quotation, payment and sales-history flows.
  4. WireframesRole-based dashboards explored per role before visual design.
  5. Component StrategyProfile header, KPI tiles and target bars shared across roles.
  6. Design SystemReusable mobile components in the enterprise design system.
  7. UILoyalty tier shown in the profile header colour; a persistent 'currently serving' banner.
  8. PrototypeInteractive prototypes of the sales flows.
  9. DevelopmentShipped with React Native developers.

08 — Solution

Hexa — role-based views on one sales floor
  1. 1Customer at a glanceLoyalty tier, points, wallet balance and visit count sit in the profile header, before any tab.
  2. 2History as a timelineStore visits, orders and categories viewed are shown chronologically, so a rep can pick up where the last one left off.
  3. 3Currently servingA persistent banner shows which rep is serving the customer while a basket is open.
  4. 4Flexible paymentCard, cash, Tabby and pay-by-link are offered side by side at checkout.
  5. 5Targets by clusterProgress bars by category cluster (furniture, outdoor) show target versus achieved.

09 — Mobile UX decisions

Real screens at device size, each with the decision behind it. Tap a screen to view it full size.

  • Dashboard — KPIs at a glance

    Target / Sale tabs with month and country filters, KPI tiles with trend, and active customers with their open baskets.

  • Customer — history as a timeline

    Tier, points, wallet and visits in the header; store visits and orders as a dated timeline under clear tabs.

  • Customer — insights

    Purchase count, average spending and lifetime value on the customer's dashboard tab, for personalised service.

  • Cart — online to in-store

    The customer's online cart and wishlist, with Select all and Move to Basket to continue the order in store.

10 — Design system

Enterprise mobile components designed to show dense data clearly on a phone, on a busy shop floor.

  • Profile header

    Avatar, role or tier, and key numbers.

  • KPI tiles

    Target, achieved, percentage and trend.

  • Staff row

    Person, serving count, completed count.

  • Timeline

    Dated events with location and outcome.

  • Navigation

    Bottom bar with a central scan action.

11 — Design → code

  1. 01FigmaRole-based flows and UI.
  2. 02Design systemEnterprise mobile component set.
  3. 03React NativeBuilt with React Native developers.
  4. 04ProductionUsed by showroom sales teams.

12 — Outcome

  • Faster showroom sales and order processing.
  • Less manual effort, thanks to real-time inventory visibility.
  • Better customer engagement through faster product discovery and personalised service.
  • Sales associates can handle several customer transactions at once.