MyCar

An all-in-one iPhone app for all drives or owns a car in Saudi Arabia.

UX & Product Design

January, 2013 for Nafithah Information Technology

The Concept

The purpose of the app is to help users get all sorts of services; emergency supports and information they need to drive and maintain cars. Some key features are marketplace, service shops, parts, emergency support, booking and mobile service payment facilities. Car parts search and in-app communications are the most interesting features of the app.

The Approach

The ultimate challenge was to simplify and help users maneuver an otherwise feature-rich app. Intuitive organization of the top level navigation options help users quickly find and or perform a certain task. Also subtle corporate design helps keep the app interface in the background and emphasizes focus on the actual tasks.


Branding

The interface elements are curved out of solidity to depict a delicate focus to the services’ professionalism and reliability. And a range of beautiful subtle colors add an extra layer of joy to the readability and user experience.

Design Style & Colors

Global Light Source

120 degree global light adds a distinctive solid characteristic to the interface elements.

Brand Colors

Intuitive subtle colors help define various sections and enhance readability.

Typography

The most popular and screen readable font and natively available in iOS.

Typography

Wireframes

High-fidelity wireframes help quickly place and test ideas and app flows.

Main Navigation
Navigation
Car List Grid
Car List
Select Brands
Car Brands
Car Details
Car Details
Comments
Comments
Add Car Parts Details
Search Parts
Add Parts
Add Parts
Take Photo
Take Photo
User Wallet
Wallet
Messages List
Messages List
Message Details
Message Detail
Rate Video
Rate Card

UI Elements

Beautiful subtle details and styles add an extra layer of interest and delight users.

MyCar UI Elements

App Screens

Some random app screens.

Main Navigation
Navigation
Car List Grid
Car List
Car Brands
Car Brands
Car Details
Car Details
Comments
Comments
Search Parts Form
Search Parts
Add Parts Form
Add Parts
Take Photo
Take Photo
Wallet
Wallet
Messages
Messages List
Message Details
Message Details
Rate Card
Rate Card