The official MotoryShop app
The official MotoryShop mobile app, designed alongside the MotoryShop website so both feel like one product.
- Client
- Motory
- Year
- 2021
- Location
- Amman, Jordan
- Industry
- Automotive
- Platform
- iOS and Android
- Tool
- Figma
Buying a car online, end to end, from a phone
MotoryShop sells cars online: buyers browse certified used and new cars, choose cash or finance, and reserve with a deposit. That only works if every price, status and next step is crystal clear.
We designed the official app alongside the MotoryShop website, so buyers can start on one and finish on the other.
- Online car buyersKnow the full price, monthly payment and availability before they call
- Finance customersCompare finance options and apply in the app
- MotoryShop sales teamReceive reservations that are ready to process
From brief to final design
- 01
Gather requirements
Workshops with the Motory team to agree the product's goals, its users and what the first release must do.
- 02
Research users and competitors
User research plus a review of competing automotive platforms to find gaps worth closing.
- 03
Wireframe the journeys
Low-fidelity wireframes to settle structure and flows before any visual design.
- 04
Design the UI
High-fidelity screens, ready for development and consistent with the rest of the Motory family.
Role and responsibilities
- Requirements gathering
- User research
- Competitor research
- Wireframes
- UI design
Offers that lead straight to cars
Featured offers explain the deal in plain words, like four years of free roadside assistance, and list every car it applies to. On the car page, the discount and the finance partners sit right under the photos, so buyers see the full picture before they scroll.
- Every offer links to the cars it covers
- Discount and finance partners above the fold
- Agency warranty and home delivery shown as benefits
Every state of a car, designed
A car can be available, reserved or sold, and sold for cash, on finance or both. We designed each state so the main button always tells the buyer exactly what they can do next, including 'Notify me' when a reserved car comes back.
Reserve with a clock
Once a buyer reserves a car, a countdown shows how long it is held for them, with the deposit amount and bank details to pay it. Clear deadlines keep buyers moving and free up cars that are not taken.
Offers, alerts and secure sign-in
Seasonal campaigns get their own visual offers page, notifications bring buyers back to cars they care about, and a short OTP flow keeps accounts secure without slowing anyone down.
What we designed
- 01
Browse on the go
A mobile-first catalogue. More visits from returning buyers.
- 02
Shared patterns with the website
One experience across web and app. Less confusion, more trust.
- 03
Clear calls to action
Obvious next steps on every screen. Higher conversion.
Outcome
A complete online car-buying app, from offers to reservation, with every car state and payment path designed, so the sales team receives reservations that are ready to process.
What we delivered
- Requirements and research
- Purchase and finance flows
- Car state system
- Final UI for iOS and Android
Related case studies
This project is part of our Apps and websites service. See all case studies or the full project archive.
Want something like this for your business?
Tell us what you are working on. We'll reply with next steps and a time for a short call.