Home

Cases

Speedi Picker App

Home

Cases

Speedi Picker App

Speedi Picker - The in-store app behind every order

“

Every order picked, scanned and paid for in the store.

Speedi Picker app icon

Speedi Picker

Android app, 2019

Speedi Picker order picking, new orders and weighed item scan
Speedi Picker order picking, new orders and weighed item scan

About the project

Every Speedi order is picked by a member of staff inside an Othaim supermarket. We designed Speedi Picker, the Android app they use to take orders, scan each item, sort out missing products with the customer, pay at the till and label the bags. It launched on Google Play in December 2019, in Arabic and English.

Project

Speedi Picker

Industry

Retail Operations

Location

Riyadh, Saudi Arabia

Date

2019

“

Client Request

Othaim asked for a picker app in Arabic and English for its store teams, working from the same orders customers place in the Speedi app.

Abdullah Al Othaim Markets logo

Abdullah Al Othaim Markets

Scope of work, 2019

Design Pillars

Core UX Principles

One Hand, One Aisle

One Hand, One Aisle

Big buttons, clear status colors and short flows, for staff holding a basket and a phone.

Scan, Don’t Type

Scan, Don’t Type

Barcodes for items, weighed produce and the final invoice, with typing as the backup.

Keep the Customer in the Loop

Keep the Customer in the Loop

Call or WhatsApp the customer straight from the order when an item is missing.

“

“

Thestore-floorsideSpeedi Picker app iconofeverySpeediorder.
Speedi Picker picking an order, scanning an item and replacing it

What Pickers Need

What pickers run into

Missing Items

Pickers needed a quick way to mark an item as not found and offer the customer a replacement.

Weighed Produce

Fruit, vegetables and meat are sold by weight, so the scan had to capture the weight and price.

Paying at the Till

Each order is paid for at the cashier, so pickers needed a way to pay without carrying cash.

“

“

FromtheorderlisttotheSpeedi logocashier,stepbystep.
Speedi Picker order in review, rescanning produce and the Iktissab code

The Challenge

Problem Statement

The Main Goal: Fast, Accurate Picking

Shoppers judge Speedi by the bags that arrive at their door. The picker app had to help staff in a busy supermarket pick the right item at the right weight and price, and show every change before checkout.

“

Scan the barcode with the camera, or enter it by hand.

Speedi Picker icon

Speedi Picker

Google Play listing

Our Approach

Solution

A Complete Picking App

Sign-in, orders, picking, scanning, replacements, review, payment and bag stickers, designed for Android in Arabic and English. It is an example of our Logistics and Delivery Product Design work.

01 - Three Rounds of Design

Two versions as Marty Picker, then Speedi Picker version 3, linked into a clickable prototype.

02 - Reviews with Othaim

We walked the Othaim team through the flows in online sessions in April 2019 and refined them after each one.

03 - Built Around Iktissab

Pickers pay at the till with a one-time code from Iktissab, Othaim’s loyalty program, valid for one hour.

“

“

Pickersscan,check,payforandlabeleveryorderSpeedi Picker app iconinoneflow.
Speedi Picker scanning a weighed item and a barcode
Speedi Picker scanning a weighed item and a barcode
Speedi Picker scanning a weighed item and a barcode
Speedi Picker Iktissab code request, scan and confirmation
Speedi Picker Iktissab code request, scan and confirmation
Speedi Picker Iktissab code request, scan and confirmation
Speedi Picker bag stickers, completed order and order list
Speedi Picker bag stickers, completed order and order list

Before & After

The Blueprint & Evolution

Order States

Each order moves through three clear tabs, so pickers always know what’s next.

  • To do and In review: items still to find, grouped by section, and missing or replaced items waiting on the customer.

  • Done: every item picked and checked, ready to pay for and pack.

Speedi Picker to do, in review and done tabs

Design

Key Features

Scanning Everything

Item barcodes, weighed produce with its weight and price, and the invoice total at the end.

Speedi Picker barcode scan, weighable item and new orders screens

Replacements and Review

Suggested replacements for missing items, plus one-tap calls and WhatsApp messages to the customer.

Speedi Picker replacement suggestions and order review

Design System

Visual Identity

Typography

The Speedi typefaces at larger sizes, so names and prices read at arm’s length in the aisle.

Color Palette

Green for found and done, red for not found and errors, and yellow for items waiting on the customer.

Speedi Picker splash, empty orders and sign-in screens

UI Logic

Every scan gives clear feedback: a match, a wrong item, a missing price or a weight to confirm.

Speedi Picker order list, hold alert and offline status
Speedi Picker order list, hold alert and offline status
Speedi Picker item sent to review and replacement screens
Speedi Picker item sent to review and replacement screens
Speedi Picker quantity entry and a finished order
Speedi Picker quantity entry and a finished order

Impact

From Prototype to the Store Floor

Results for Speedi

Speedi Picker went live on Google Play in December 2019, ahead of the customer apps, and it is still in use today with more than 5,000 installs.

Speedi wordmark

Speedi

,

Othaim Markets logo

Othaim Markets

Speedi Picker Google Play screenshots in Arabic

Result

By the Numbers

3 Design Rounds

Two Marty Picker versions, then Speedi Picker version 3.

50+ Screens

Every step and error state, in Arabic and English.

5K+ Installs

On Google Play, for an app used only by store staff.

Speedi Picker sign-in, password reset and picker profile

Research

Testing the Flow

A Clickable Prototype

Before handoff, we linked the version 3 screens into a clickable prototype, so the Othaim team could walk through a full order, from a new order to a printed bag sticker.

Final Showcase

The Speedi Picker App

Speedi Picker new orders, picking and quantity entry
Speedi Picker finished orders and weighed item scan
Speedi Picker sign-in and password reset
Speedi Picker to do list, order view and hold alert
Speedi Picker scanning, item sent to review and replacement screens
Speedi Picker order review and replacement
Speedi Picker Iktissab code, scanning and found item screens
Speedi Picker Iktissab code in English
Speedi Picker scanning and entering the Iktissab code
Speedi Picker finished order and completed orders
Speedi Picker orders, bag stickers and pending order
Speedi Picker completed and pending orders in English
Speedi Picker Google Play screenshots

You can also check

Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.
Motory Portal product design case study
Motory Portal
One brand for a Saudi car marketplace, on the web and in the apps.
Calima Brand product design case study
Calima Brand
A bookmark inside a frame, for lessons that take three minutes.
Free Pen Brand product design case study
Free Pen Brand
A pencil tip that doubles as a mountain peak.
Qatar Weather App product design case study
Qatar Weather App
Forecasts, warnings and sea data for Qatar, in Arabic.
Lavena Brand product design case study
Lavena Brand
A crowned L for a spa experience at home.
Telenav Arabic product design case study
Telenav Arabic
Telenav’s localization design expert for the Middle East.
Moktiv influencer marketing SaaS design case study
Moktiv
Connects music labels and TikTok influencers for song virality via B2B SaaS web and mobile.
Geleyi Online Shop product design case study
Geleyi Online Shop
A marketplace where designers sell and shoppers browse like a gallery.