IMSHI
Qatar · car marketplace

Find your
perfect car.

A modern car marketplace for Qatar — browse, list and connect, without the clutter. Photo-first, locally priced in QAR, with the seller one tap away. Built in React Native.

Role
Design & Engineering
Type
Mobile app · iOS & Android
Year
2026
Built with
React Native · Expo · Material 3
Scroll to read
01 — 06
01 / Overview

What IMSHI is

Buying or selling a car in Qatar usually means wading through cluttered classifieds. IMSHI — “go” in Arabic — is the clean alternative: a fast, photo-first marketplace where the car comes first and the seller is a tap away.

Behind it sits a deeply enriched local catalogue — every make, model and variant on the road here — so search and filtering actually understand the market. Prices are in QAR, contact is direct over WhatsApp or call, and the whole thing is built to feel like a premium native app, not a listings site.

146
Makes indexed
49.8k
Vehicle variants
QAR
Local pricing
1-tap
WhatsApp & call
02 / The big idea

The clutter, gone.

Most car classifieds drown the car in chrome, ads and filters. IMSHI inverts it — a calm, white, photo-led canvas where one search card and a body-type browser get you moving, and a clean detail page closes the deal with price, specs and a direct line to the seller.

IMSHI home — search, body types, recently viewed
IMSHI car detail — price, specs, WhatsApp and call
Left: the home canvas — search, browse by body type, recently viewed. Right: a detail page — QAR price, full specs, WhatsApp & call.
03 / Design language

A neutral app, a hot brand.

The product is deliberately quiet — near-white surfaces, black actions, big photography — so the cars carry the colour. The brand world around it runs the opposite way: deep black with hot pink and sunset orange, and a single metallic swoosh that reads as pure motion.

App Canvas
#F3F2F1
Off-white surfaces — the car is the hero.
Action Black
#0A0A0A
Search, save, WhatsApp & call CTAs.
IMSHI Pink
#EC4899
The brand signal — energy & motion.
Sunset Orange
#FB923C
Secondary heat, paired with the pink.
IMSHI search filters
Material 3, Figma-accurate

The interface is built to Material 3 from a Figma-accurate spec — consistent elevation, shape and type, assembled from modular, reusable components so the catalogue, body-types and recently-viewed rails all share one language.

A custom animated tab bar with a central floating action button keeps the five core areas — Home, Search, Add, Saved, Profile — one thumb-reach apart.

04 / The app, screen by screen

Browse, list, connect.

Five tabs cover the whole journey — discover and filter, dig into the detail, list your own car end to end, and manage it all from your account.

Discover Home · Search · Filters
Search results
Results — “13 cars found”, sort & filter.
Search filters
Filters — make, price, year, body, fuel.
Car detail
Detail — specs, price & direct contact.
List your car in a few taps
Listing form
Step 1 — “Tell us about your car”.
Listing preview
Preview — exactly how buyers will see it.
Listed / published
Live — your car, published to the market.
Onboarding & account Splash · Sign in · Profile
Splash screen
Launch — the IMSHI splash.
Sign in
Sign in — quick, secure auth.
Profile
Profile — listings, saved & settings.
Saved — tap the heart on any car to build a shortlist that’s kept on your device and waiting next time you open the app.
Saved cars
05 / Under the hood

How it’s built.

A production-ready React Native app: Expo Router navigation, a Material-3 component system, a data-driven catalogue, and Firebase for auth and listings.

React NativeExpo SDK 54expo-routerMaterial 3 Firebaseexpo-auth-sessionAsyncStoragebottom-tabsLottieexpo-imageexpo-blur
A.

Navigation & structure

Expo Router drives five tab screens — index, search, add, saved, profile — assembled from modular, reusable Material-3 components.

B.

The catalogue

A data-driven car catalogue of 146 makes and ~49.8k enriched variants powers body-type browsing, search and dynamic filtering — all backed by structured local JSON.

C.

Signature interactions

A custom animated tab bar with a central floating action button to list a car, plus haptics, blur and Lottie microinteractions, give the app its native, tactile feel.

D.

Accounts & contact

Firebase handles auth and listings; expo-auth-session powers sign-in and AsyncStorage keeps your saved cars. On a listing, WhatsApp and call deep-links put the buyer and seller in direct contact.

06 / Outcome

The result

A polished, production-ready marketplace that makes finding a car in Qatar feel effortless.

It pairs a genuinely deep local dataset with a restrained, photo-first interface and direct seller contact — proving an end-to-end mobile product from Figma-accurate design system through to a data-driven, Firebase-backed app. Calm to use, fast to ship, ready to grow.