Speedi - A bilingual website for online grocery
“
A landing site that sends shoppers to the app, in Arabic and English.
Speedi
Landing website, 2019
About the project
Speedi is the online grocery service of Abdullah Al Othaim Markets in Saudi Arabia. It needed a website that explained the service, showed where it delivers and sent visitors to the App Store and Google Play. We designed it in Arabic and English, for desktop and mobile, together with the policy pages an online store in Saudi Arabia needs.
Project
Speedi Website
Industry
Online Grocery
Location
Riyadh, Saudi Arabia
Date
2019
“
Client Request
Othaim asked for a landing page in Arabic and English that introduced the service, built trust and pointed people to the apps.
Abdullah Al Othaim Markets
Scope of work, 2019
Design Pillars
Core UX Principles
The App Store and Google Play buttons sit in the hero and again just above the footer.
Two full versions, each laid out for its own reading direction.
Most visitors arrive on a phone, so every page was designed at mobile size too.
What Visitors Need
The questions the site had to answer
What Is It?
A clear promise at the top of the page, Pick whatever, we deliver, with the app on screen.
Do You Deliver Here?
A coverage map of Saudi Arabia, with Riyadh live and seven more cities marked as coming soon.
Can I Trust It?
Privacy, terms, returns, VAT registration and FAQs, one click away on every page.
The Challenge
Problem Statement
The Main Goal: Turn Visitors into App Users
Speedi sells through its apps, so the website had a narrow job: explain the service in seconds, show it is a real Saudi business, and send people to download. It also had to change name with the brand, from Marty to Speedi, without a redesign.
“
Pick whatever, we deliver.
Speedi landing page
Plexable, 2019
Our Approach
Solution
A Landing Site and Its Policy Pages
A long home page plus privacy, terms, return policy, VAT registration and FAQs, each in Arabic and English, at desktop and mobile size. It is an example of our Website Design work.
01 - The Home Page
Hero, about, features, product categories, a coverage map and a contact form, in one scroll.
02 - The Policy Pages
Five policy pages in one simple layout, so shoppers can check the rules before they order.
03 - Two Languages
Arabic and English versions that mirror each other, with a language switch in the header.
Before & After
The Blueprint & Evolution
English to Arabic
Every page was built twice, once for each reading direction.
Kept: the sections, the food photos and the app buttons.
Changed: the reading direction, the menu order and the typefaces.
Design
Key Features
Features at a Glance
Four cards: every type of product, scheduled orders, an offers page and search by keyword, label, barcode or category.
A Coverage Map
A map of Saudi Arabia with each city’s status, so shoppers can see if Speedi delivers to them yet.
Design System
Visual Identity
Typography
The Speedi typefaces in Arabic and English, sized for long policy pages as well as big headlines.
Color Palette
Speedi red for the header and headings, with a soft grocery pattern and food photos around the app.
Layout Rules
One grid for both languages, mirrored for Arabic, with the same footer links on every page.
Impact
From Coming Soon to Live
Results for Speedi
speedi.sa went from a coming-soon page in 2019 to the full landing site by mid-2020, and it is still Speedi’s home online today.
Speedi
,
Othaim Markets
Result
By the Numbers
2 Languages
Arabic and English, each with its own reading direction.
6 Pages
The home page plus privacy, terms, returns, VAT registration and FAQs.
2 Screen Sizes
Every page designed for desktop and for mobile.
Content
The Pages Behind the Store
Rules Shoppers Can Find
Online stores in Saudi Arabia need their terms in plain view. We gave privacy, terms, returns, VAT registration and FAQs their own pages and linked them from every footer.
Final Showcase
The Speedi Website
