Overview
Design Process
 -Empathize
 -Define
 -Ideate
 -Prototype
 -Test
UI design
Iconography
Typography
Buttons

The Tesla Model S App makes it easy and possibled for users to comfortable controle and communicate with their. The App is directly in sync with the Tesla Model S operating System so either with the Iphone (IOS) or the Android (Android OS) a User can freely control the car. The App has a number of features which include: 
-Autopilot

-Location

-Charging

-Unlock

-Defrost

The Design process explains the stages of the design. This is the Empathize, Define, Ideate, Prototype and Testing stage of the entire design

At this stage, i engaged in series of conversation with affected users to understand the users pain-point and frustration. This way i was able to get first hand knowledge on how the users feel.

At the Define stage, I identify and define the core problems. Here i need to work on the color and connectivity by making provision for other mode of connection and selecting warm colors that are pleasing to the eyes.

This is the third stage of my thinking process where i started generating ideas on how to solve the users problems

This is the stage where i give a run-through of the design (previous design stages)This is the experimental phase, and the aim is to identify the best possible solution for each of the problems identified during the first three stages.

This is the stage where i sum up the entire design process and run a general test to see the outcome. Here I test run the solutions i produced in previous stages in order to gain a deeper understanding of the product and the users as well as potential users.

Carefully selected icons from Iconify  because they , easily recognizable, good looking and have curved edges. this gives option to access icons in SVG format it makes design process more flexible and effective.

Urbanist is a low-contrast, geometric sans-serif which is pleasing to the eyes, and prevents users from having difficulty due to sight problems while using the app. I Selected Urbanist because it is easily visible and has a low contrast. 

In selecting and creating buttons, Buttons witch curve edges of 10 corner rediud was selected because of the round smooth edges of the Tesla Model S. The color red is pleasing to the eye and it is generally accepted by a wide range of uses.

Since the Design is for the Tesla Model S car, perfect colors closely related to the cr were selected.

The Home screen is Simple and less complicated and it offers a wide range of functions to the users. This screen as a number of features that when tapped navigates the user to other screens.

The Tesla about page displays the overall performance of the car and the current health status.

The Tesla Model S has a Defrost option which gets activated as soon as the user taps the defrost button

This is the control page which is linked to the settings icon on the top right hand side of the screens. this page has the the tesla features that is either controls or navigate the user to the screen. This page has a trouble shoot option to help users attend to urgent needs.

The Tesla model S auto-pilot option is one of the most unique feature of new generations cars. the video below shows how it works  on the tesla modes S redesign.

Compilation