spiner when content is loading

Neobank — award-winning fintech app design

<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #151515'>Tesla</span> — mobile app design</h1>

Tesla

About the Client

Entertainment
Country icon
USA

Tesla – american automotive and clean energy company based in Austin, Texas. Tesla designs and manufactures electric vehicles (electric cars and trucks), battery energy storage from home to grid-scale, solar panels and solar roof tiles, and related products and services.

Scope of Work

Tesla builds not only all-electric vehicles but also infinitely scalable clean energy generation and storage products all over the world.

01

<h3 class="header-style-h4 text-color-white">Idea</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Exploring innovative concepts for enhancing the future of automobiles. Delving into ideas aimed at advancing the auto landscape for the future.</p>

02

<h3 class="header-style-h4 text-color-white">Research</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">We are identifying the demographic we aim to reach and conducting an analysis of our competitors.</p>

Agnes sitting on sofa
03

<h3 class="header-style-h4 text-color-white">Wireframes</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating an application prototype on sketchbook and then in Figma.</p>

04

<h3 class="header-style-h4 text-color-white">UI Design</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a unique visual style for the application.</p>

05

<h3 class="header-style-h4 text-color-white">Testing</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Testing the application and collecting feedback by its users.</p>

01

<h3 class="header-style-h4 text-color-white">Idea</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Exploring innovative concepts for enhancing the future of automobiles. Delving into ideas aimed at advancing the auto landscape for the future.</p>

02

<h3 class="header-style-h4 text-color-white">Research</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">We are identifying the demographic we aim to reach and conducting an analysis of our competitors.</p>

03

<h3 class="header-style-h4 text-color-white">Wireframes</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating an application prototype on sketchbook and then in Figma.</p>

04

<h3 class="header-style-h4 text-color-white">UI Design</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a unique visual style for the application.</p>

05

<h3 class="header-style-h4 text-color-white">Testing</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Testing the application and collecting feedback by its users.</p>

Result

Anthony presenting somethink
weeks mask
3
Weeks
Hours mask
120
Hours
Roles mask
2
Roles
Platforms mask
2
Platforms
Screens mask
50
Screens
 

Pre-Sale Process

01

NDA

Sign a non-disclosure agreement (NDA) to protect the confidentiality of the project and the client’s information.

02

Intro call

Schedule an introductory call with the client to understand their goals, expectations, and timeline.

03

Brief &
Requirements

Gather the brief and requirements from the client, such as the scope, budget, target audience, and desired outcomes of the project.

04

Information
architecture

Create an information architecture (IA) for the project, which is a blueprint of how the content and features will be organized and presented.

05

Questions

Ask any questions that arise from the IA, such as clarifications, feedback, or suggestions.

06

Quote

Provide a quote for the project, which is an estimate of the cost and time required to complete it.

07

Proposal call

Follow up with a proposal call to discuss the quote with the client and negotiate the terms and conditions of the project.

08

Filling legal form

Fill out a legal form to formalize the agreement and the responsibilities of both parties.

09

Contract

Sign a contract to finalize the formalities and start the work.

10

Payment for
1st milestone

Payment for the first milestone is a predefined starting point of our working process.

Information architecture

Wireframes

Branding

Moodboards

Design System

UI Prototype

Delivery

01

Clickable prototype

02

Screenmap

03

Export to Zeplin

Hello, my name is Oksana
Just drop me a line and I’ll email you in 10 minutes
or your next coffee is on me!
Oksana Kovalchuk
By submitting your data, you agree to our Terms of Service and Privacy Policy.
Schedule a call
schedule submit icon
Oops! Something went wrong while submitting the form.
form success image

Thanks for reaching out!

In the meantime, why not check out our blog?

You'll find fresh articles on the latest design trends and insights recommended by Oksana.

GOT IT
OUR BLOG