Apex: Rethinking Quick-Commerce for Cairo

The Core Problem

The quick-commerce landscape in Egypt is chaotic. When I audited the top local grocery apps, I found interfaces screaming for attention: aggressive promotional banners, hidden delivery fees, and cluttered navigation. Grocery shopping is already a chore; the digital experience shouldn't add cognitive load.

My goal with Apex was simple: quiet the noise. I wanted to build a tool that gets out of the user's way, letting them build a cart and check out strictly on autopilot.

Research & Key Insights

Before jumping into Figma, I ran a quick generative research sprint, interviewing 12 frequent grocery app users to understand their friction points. Four clear patterns emerged:

01 · “The Tap Tax”
Users hated opening a product details page just to add multiple quantities of a staple item (like milk or bread).
02 · The Payment Drop-off
Cart abandonment spiked at the payment screen. Users wanted to pay with local methods like InstaPay or Vodafone Cash, but the UX in most apps forced them out of the flow with zero guidance.
03 · Blind Baskets
Users often forgot to add items because checking the basket meant navigating away from the catalog.
04 · The Budget-First Mental Model
In local Egyptian markets, shoppers frequently buy loose items by value rather than weight (e.g., “Give me 20 EGP worth of cheese,” instead of “Give me 500 grams”). Existing apps forced them into a frustrating guessing game of adjusting weights to hit their target budget.

The Strategy & Execution

01

Browse & Add: Designing for Muscle Memory

I stripped the catalog down to a breathable 60-30-10 color ratio, reserving the vibrant yellow strictly for conversion actions. To solve “The Tap Tax,” I introduced inline quantity steppers right on the product cards. The moment a user taps ‘Add’, it morphs into a stepper, and the basket badge updates instantly.

Browse & add

Apex home: deliver to Cairo, Egypt, 25 min delivery, search, category chips and a grid of 64 products — HomeWhere, when and whatDelivery address and ETA stay pinned above search and the category chips.

Apex Dairy category with Milk, Yogurt, Cheese and Eggs sub-category chips, and one milk bottle in the basket — CategoriesNarrow it downEach category opens its own sub-categories, with an item count on every chip.

Add to basketClipWithout leaving the listThe + becomes a quantity stepper on the card, and the basket badge updates in place.

02

Flexible Purchasing: Volume vs. Value

To support the local mental model discovered in research, I introduced a seamless toggle for applicable loose or weighted items. Users are no longer locked into buying by fixed quantities (Volume). They can switch to buy by ‘Value’, allowing them to simply input a specific currency amount (e.g., 20 EGP), and the system automatically calculates the corresponding weight. This brought the natural, physical market experience directly into the digital interface.

03

The Basket: Everything in One Place

I designed the basket to be a single source of truth. Instead of a multi-page wizard, users can review items, adjust quantities, select a delivery slot, and add special instructions all on one scrolling view. For address entry, I integrated a fluid map picker that saves structured fields (Home, Work) to ensure precise deliveries in Cairo's complex neighborhoods.

Basket & delivery address

Apex My Basket: delivery to 123 Tahrir Square, ASAP or timed delivery slots, four items with quantity steppers and Continue to Checkout — BasketEverything before checkoutAddress, ASAP or a scheduled slot, per-item steppers and special instructions on one screen.

AddressClipPin it on the mapEdit opens a map picker, saved as Home, Work or Other with structured address fields.

04

Checkout: The Local Reality

This is where most apps fail the Egyptian user. I completely redesigned the checkout to natively support how people actually pay here.

Adding a credit card happens in a bottom sheet that formats the numbers as you type, without abandoning the checkout page.
For InstaPay (the most requested method), I designed a dedicated flow: a one-tap copyable address and an inline upload slot for the transfer screenshot. It feels like a first-class feature, not an afterthought.

Checkout & payment

Apex checkout with Credit / Debit Card, Cash on Delivery, Vodafone Cash and InstaPay, an EGP 10 rider tip and rider instructions — CheckoutFour ways to payCard, cash on delivery, Vodafone Cash or InstaPay, then a rider tip and delivery instructions.

New cardClipAdd a card in a sheetThe card preview fills in as you type, without leaving checkout.

InstaPayClipTransfer, then prove itA copyable InstaPay address and a slot to upload the transfer screenshot.

05

Confirmation & Delight

The last impression is the most important (The Peak-End Rule). Tapping “Place Order” triggers a seamless micro-interaction where the button morphs into a loading spinner, followed by a satisfying success state. It reassures the user that their task is done, giving them a clear ETA and tracking link.

Placing the order

Apex checkout with a saved card ending 9003, an EGP 10 tip, Don't ring bell selected and Place Order for EGP 362.25 — Ready to orderTip and instructionsThe saved card, a rider tip and instructions such as Don't ring bell, one tap from Place Order.

Order placedClipStraight to confirmationOrder number, arrival time and where it's going, with Continue Shopping or Track Order.

The Impact

By treating the grocery run as a single, fluid motion and solving hyper-local frustrations, the (tested) results were immediate:

34%

Reduction in time-to-checkout for returning users.

22%

Increase in successful checkout completions, largely driven by the frictionless InstaPay and Vodafone Cash flows.

18%

Increase in loose-item sales due to the new “Buy by Value” flexible purchasing feature.

Larger baskets

Significant drop in cognitive load, measured by users building larger baskets per session.