Notes * Building With Claude Code → Notes * Building With Claude Code → Notes * Building With Claude Code → Notes * Building With Claude Code → Notes * Building With Claude Code → Notes * Building With Claude Code →
Concept · Delivery · Not released

QCKLY

An on-demand delivery app for Qatar — from small parcels to furniture.

QCKLY lets people request delivery of almost anything, from small parcels to large furniture, in one app. I designed it from scratch as the company's core Product Designer. It was built for a real client but never released, so it's shown here as a concept.

My roleCore Product Designer
DurationApr 2020 — Mar 2022
StatusConcept — not released
DomainOn-demand delivery, Qatar
PlatformCross-platform mobile app
ToolsFigma, InVision, MindNode
Four QCKLY screens on a violet gradient: order created confirmation, home with vehicle types and delivery categories, adding a payment card, and the orders list with active and past orders
Order confirmation, vehicle and category selection, payment, and orders.
The opportunity

QCKLY was designed as a first-of-its-kind delivery app for the Qatar market, built around what residents there need most:

  • Convenience. Busy residents can order a wide range of items, from small parcels to furniture, with ease.
  • Time-saving. No trips to physical stores — especially valuable given traffic and long distances in Qatar.
  • Accessibility for a diverse population. Access to goods that fit different cultural and lifestyle preferences.
  • Efficiency and speed. Fast delivery for urgent needs and the region's fast-paced lifestyle.
  • Adapted to the climate. Essentials arrive without anyone having to go out in extreme weather.
My contribution

As the company's core Product Designer, I set up the whole design process and mentored the more junior designers.

  • Designed the cross-platform app from scratch, including a complete UI kit with distinctive illustrations, icons, and reusable elements.
  • Built several information-architecture iterations in MindNode to find the best UX for the final product.
  • Ran UX and visual research to create a distinctive, recognisable design that guides people efficiently from A to B — and tested design solutions with A/B testing, which gave the company valuable insights.
  • Worked closely with the CEO and key stakeholders to define hypotheses for testing and feed the findings back into the app.
01 — Wireframes

The wireframes worked out how one app could handle very different deliveries — shipment type and size, pickup and drop-off locations, date and time, a security deposit, and the price — before any visual design.

Grey wireframes of the QCKLY app: home with location permission prompt, orders, profile, shipment details, pickup and delivery locations, date and time picker, price calculation, and settings
Wireframes — home, orders, profile, shipment details, locations, date and time, and price calculation.
02 — UI/UX challenges and direction
  • Choose a distinct colour to make a statement — green was chosen as the primary colour to set QCKLY apart from ordinary delivery services.
  • Bring a variety of delivery methods, parcel types, and sizes together in a single app.
  • Make the visual design completely distinct from the existing competition in Qatar.
  • Humanise the interface with illustrations and unique icons.
03 — Visual concepts

Three visual directions explored the home screen and order tracking.

Three visual concept options for QCKLY, each showing a home screen and an order-tracking screen in green and white
Three concept directions for the home screen and order tracking.
04 — Final design

The final design ran to 60+ screens — onboarding, choosing a vehicle type and delivery category, payment, order confirmation, and delivery details.

Final QCKLY screens: onboarding illustrations, home, truck and moto vehicle-type sheets, adding a card, order created confirmation, locations, and shipment details
A selection of the 60+ final screens.
← Back to Playground
Next project

Trady — Interface

View case study →