Motory's main app, from research to final screens
The main Motory mobile app, designed from requirements and research through wireframes to final UI.
- Client
- Motory
- Year
- 2021
- Location
- Amman, Jordan
- Industry
- Automotive
- Platform
- iOS and Android
- Tool
- Figma
Buying a car is a big decision. The app had to earn trust on a small screen.
Motory brings new cars, used cars, offers and car news into one Saudi marketplace. The existing app worked, but it felt dated and buyers had to dig to find the car, the price and the next step.
We redesigned the main app from requirements and research to final UI, and planned how to introduce the new design to people who already used the old one.
- Car buyers in Saudi ArabiaCompare new and used cars, prices and finance options
- Returning usersFind their favourite cars and news without relearning the app
- Dealers and partnersReach serious buyers with clear offers
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
A home screen built around buying a car
Search sits at the top, brands and categories are one tap away, and the latest offers and new cars follow. Every card shows the price first, so buyers can scan quickly and only open what fits their budget.
- Search, brands and categories above the fold
- Offers and new arrivals as visual cards
- Price and key specs on every listing
Sign in in seconds
Phone-number sign-in with a single clear action, and a More page that keeps account, language and support tidy. Arabic first, with English one tap away.
Bringing existing users along
A redesign can confuse loyal users. We added a short 'What's new' walkthrough that shows the old and new screens side by side, so people understand what changed and why it is better.
- Old and new design compared screen by screen
- Covers home, new cars and news
- Skippable in one tap
News that keeps buyers coming back
Car news and reviews bring buyers back long before they are ready to buy. Stories are grouped by topic and link straight to the cars they mention.
What we designed
- 01
Search and filters
Find cars by make, model, price and more. Buyers reach the right car faster.
- 02
Listing details
Photos, specs and a clear way to enquire. More qualified enquiries.
- 03
Consistent design
Shared components with the Motory family. Faster delivery of new features.
Outcome
A complete, research-led redesign of Motory's main app, handed to development with a shared component library and a plan for bringing existing users along.
What we delivered
- Requirements workshops
- User and competitor research
- Wireframes
- Final UI and component library
- 'What's new' onboarding
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.