All work
UX DesignMobile iOS & AndroidUser ResearchService ecosystemHeuristic evaluation

Lugmety, Saudi food delivery apps

Redesigning a four-app delivery ecosystem so customers, drivers and restaurants could all get through the basics without getting lost.

Role
Senior UX Designer
Duration
4 months
Phases
Audit, redesign, handover
Year
2021

Lugmety is a Saudi delivery business with four connected mobile apps: a customer app for food, groceries, personal care and reservations, plus driver, restaurant and admin apps. The product had been built quickly and the joins were starting to show. The brief was to research what was actually broken, redesign the most painful flows across all four apps, and hand the work over to their in-house team so they could keep building on it.

Project at a glance
The problem

Four apps that had grown organically and now felt inconsistent and hard to use. The customer app hid account creation inside a side menu, the home screen did not explain its own categories, the driver dashboard threw four numbers at people with no hierarchy, and the restaurant app made it hard to see orders and reservations together.

The objective

Find the real friction across all four apps with research and heuristic review, then redesign the core flows so customers, drivers and restaurants could finish the basics without needing to be taught.

My role

Senior UX designer leading research, heuristic audit, redesign and the handover to the client's in-house team. I owned the customer app end to end and partnered with another designer on the driver and restaurant apps.

The outcome

A redesigned customer app with a bottom navigation, clearer home, friendlier onboarding and a proper account-creation moment. New driver and restaurant dashboards built around hierarchy and status colour. A handover pack the client's team could keep building from.

Prototype flows

A cleaner view of the ecosystem journeys.

I replaced the previous scattered image set with two focused boards: one low-fidelity journey map across customer, driver and restaurant flows, and one final UI board showing how those journeys translate into the shipped visual direction.

01 · Low-fidelity journey flows
Low-fidelity journey flows
Customer, delivery driver and restaurant journeys mapped as low-fidelity flows, including iPhone customer and driver experiences plus the restaurant iPad workflow.
02 · Final UI key flows
Final UI key flows
Final UI overview showing the customer onboarding and home flow, driver dashboard, earnings and gamification, plus restaurant iPad screens for food, orders and reservations.
01. Context

Four apps, one ecosystem, very different users.

Lugmety isn't a single app. It is a delivery ecosystem with a customer app that covers food, groceries, personal care and restaurant reservations, a driver app for the people doing the deliveries, a tablet app for the restaurants themselves, and an internal admin app.

Each app had been built fast to get the business moving. By the time I joined, the four did not feel like they belonged to the same product. Patterns were different, language was different, the same action would live in three places depending on which app you opened.

The client wanted research-led recommendations and redesigned flows for the most painful parts of each app, with enough documentation that their in-house team could keep building once we were gone.

02. How I worked

Heuristic audit first, then research, then redesign.

I started with a structured heuristic audit of all four apps on iOS and Android. Nielsen's heuristics plus a mobile-specific checklist for native patterns, hit targets, content hierarchy and accessibility. Every issue was logged with a screenshot, a severity rating and a recommendation.

On top of that I ran moderated usability sessions on the customer app with people who had never used Lugmety, plus interviews with two drivers and one restaurant owner already using the older apps. Small sample, but enough to confirm the audit findings were real and not just designer preference.

Only then did I move into redesign. Every change I proposed traced back to either a heuristic violation, a research observation or a stated client problem. Nothing was changed for taste.

  • ·Heuristic audit of all four apps, iOS and Android, scored by severity
  • ·Five moderated usability sessions on the customer app with new users
  • ·Two driver interviews and one restaurant owner interview on the older apps
  • ·Competitive review of regional and global delivery apps for navigation patterns
  • ·Findings consolidated into a single issues board the client could prioritise
03. Customer app, getting in

Splash, language and country, before anything else.

The very first thing the customer app asked people to do was pick a country and a language, on a splash screen layered over food photography. Useful, but the visual treatment buried the controls and the get-started button competed with the imagery for attention.

I flagged this as a low-cost win: keep the same flow, but lift the controls into a calmer composition, restore contrast on the wordmark and make the primary action obvious. Below are the original screens, side by side at real proportions.

04. Customer app, onboarding

Asking for notifications before saying hello.

The first interaction after the splash was a notification permission prompt. People had no idea what the app did yet and were being asked to let it ping them. The carousel that followed showed dots that suggested swiping but only the next button worked, and there was no skip.

In research, the notification prompt was the single most common reason people backed out of the flow. The carousel was tolerated but not read.

The redesign moved the permission prompt to after the user understood the app, swapped the static carousel for friendlier illustrations with a working swipe and a clear skip, and put account creation and sign in directly on the final screen instead of hiding both behind the side menu.

  • ·Notifications explained before they are requested, not before
  • ·Carousel illustrations replaced and a skip button added for returning users
  • ·Account creation surfaced as a primary action, not buried in the side menu
  • ·Returning users given a clear sign-in path on the same screen
05. Customer app, home screen

Four categories the user could not see.

The old home arranged its four categories as tiny icons inside a pin shape, with thin gold labels on a near-black background. People in testing did not realise groceries, personal care and reservations were even available, and the white wordmark over the dark sky failed contrast checks for low-vision users.

The redesign reorganises home around large category cards with a header, image and short description, sized for one-handed use. The layout follows patterns people already know from other delivery apps in the region, so the learning curve goes away.

  • ·Category cards with a header, image and short description
  • ·Tap targets sized for one-handed use on any device
  • ·Treatment behind the wordmark to fix contrast for low-vision users
  • ·Home animation removed so people are not waiting on every visit
06. Customer app, navigation

From a left-hand burger menu to a bottom navigation.

iOS users were being asked to navigate from a left-hand burger drawer, which is not how native apps work on that platform. Profile, orders and account creation were all stacked together inside the drawer, so people could not find them.

The redesign replaces the burger with a bottom navigation bar, the pattern people already use across other delivery apps. Orders, account and profile move to the bar where people expect them, and account creation gets promoted to a prompt on the home screen so first-time users do not have to go hunting.

  • ·Bottom navigation introduced, matching native iOS patterns
  • ·Burger menu retired so global navigation is always visible
  • ·Account creation promoted to a home-screen prompt for first-time users
  • ·Login screens given a successful-login state to set expectations of next steps
07. Driver app

A dashboard for the person doing the deliveries.

The driver dashboard is what the delivery rider sees when they open their app: are they online, how many orders have they completed, how much have they earned, and an XP score from a gamified loyalty system the business wanted to keep.

In the original, all four metrics sat in a stack with no hierarchy. Drivers told us they did not know which number to look at first, and the XP score implied a reward system the dashboard never explained.

I redesigned the dashboard around hierarchy: visually distinct cards per metric, plain-language labels, and a clear availability toggle at the top. The XP system was flagged back to the client as something that needed a real reward loop to be worth keeping rather than a number on its own.

  • ·Availability toggle promoted to the top so drivers can go online in one tap
  • ·Metrics separated into cards: XP, fulfilled orders, total earned, cash owed to captain
  • ·Plain-language tooltips for ambiguous labels like cash owed to captain
  • ·Gamification flagged to the client as needing a real reward design behind the XP number
08. Restaurant app

A tablet app for the kitchen, not a phone.

Restaurants run the Lugmety app on a tablet at the pass, not on a phone, so the redesign was sized for that. Staff need to see foods, stock, prices, orders and reservations without juggling screens, ideally while their hands are busy.

The original forced them to jump between sections to piece together what was happening, with no global navigation and no signposting for the things they needed most, like a live order's status.

The redesign keeps the tablet layout but reorganises it around the two jobs staff actually do: manage what is on sale, and track what is happening right now. Status uses colour the way road signs do so a busy manager can read state at a glance.

  • ·Tablet-first layout sized for the device staff already use at the pass
  • ·Recent orders and reservations surfaced together rather than across separate screens
  • ·Status colour used like road signs, green good, amber attention, red blocked
  • ·Bottom navigation introduced for consistency with the customer app
  • ·Signposting added so key information has room to breathe
09. A decision worth highlighting

The notification prompt the client wanted to keep.

Marketing pushed back on moving the notification permission later in the flow. Their argument was that allow rates would drop if people had more time to think about it.

I went back to the usability sessions. The data was clear: people who hit the prompt before they understood the app either denied it or abandoned the install. People who hit it after onboarding allowed it more often, even though the conversion window was later.

Sharing the recordings rather than just the summary was what shifted the conversation. We kept the permission prompt, but moved it to after the user had seen what the app does. Allow rates went up. Drop-off in onboarding went down.

10. Results

What changed in the apps and in the team.

This was a redesign and handover project, not a metrics-led growth engagement, so the points below are usability outcomes from testing, not live analytics. The client confirmed the redesigns shipped and that their in-house team continued from the patterns we left them.

  • ·Account creation moved from buried in the side menu to a primary action on home and onboarding, found by every participant in the second round of testing
  • ·Home category recognition went from people not realising groceries and reservations existed to every tester naming all four categories unprompted
  • ·Driver dashboard task time to identify earnings dropped noticeably in walkthroughs once cards and clear labels replaced the stacked numbers
  • ·Restaurant managers could find a live order's status in one tap on the new tablet dashboard, versus several taps across screens in the old app
  • ·Notification allow rate went up after the prompt moved later, reversing the assumption that earlier was always better
11. What I learned

Consistency across an ecosystem is its own design problem.

When you are redesigning four apps that share a brand and a backend but not much else, the biggest risk is solving each app on its own and ending up with four good apps that still do not feel like one product.

I learned to make consistency a deliberate output, not a side effect. Picking one navigation pattern across customer, driver and restaurant. Picking one status-colour language. Writing the same way in every app. Those decisions made the redesign feel like an ecosystem rather than four parallel rescues.

The other takeaway was how much weight a small, well-run round of usability testing carries in a stakeholder conversation. Five people on video, finishing or failing a real task, ended every disagreement about taste much faster than a deck ever did.

12. Handover

Leaving the team set up to keep building.

Handover was treated as a deliverable, not an afterthought. I worked with the client's in-house designer and lead developer for the final two weeks to walk through every flow, explain every decision and make sure the documentation was something they would actually open later.

The pack covered the redesigned screens, the patterns behind them, the heuristic findings that justified the changes, and a prioritised list of next steps. Everything was in one place, named the way the team named things, so it could plug into how they already worked.

  • ·Two-week paired handover with the in-house designer and lead developer
  • ·Annotated Figma files, one per app, with research notes pinned next to each change
  • ·Pattern reference covering navigation, status colour, tap targets and content rules
  • ·Prioritised backlog of next steps so the team had a roadmap, not just artefacts
  • ·Short Loom walkthrough of each flow for anyone who joined the team later