top of page
Tesla
ONBOARDING
CASE STUDY
TESLA
ONBOARDING APP
A place to chat with other Tesla owners, share photos, ask for help, get advice, read about past/upcoming updates and expand the overall Tesla experience.
Pick a company and come up with a social platform for them
Present the onboarding process for the app
To be completed in 2 weeks
THE GOAL
DEMOGRAPHICS
The first step was figuring out who Tesla targets. Luckily Tesla themselves provided the information online so the little time was spent during this process
Step two was to create a basic structure for how the app would introduce users to its features and purpose.
USER FLOW
From there, wireframes were made to get a rough idea of how the pages would be laid out.
WIREFRAMES
Before adding colour and style to the app it was important to create a style tile that would be in line with the Tesla Brand and tone. I was able to find Tesla's official brand guidelines so this saved a lot of time brainstorming various styles and ensured the end product would look official.
STYLE TILE
Many lo-fi screens were made based on the wireframes. Various button concepts, icons, text size and more were tested here.
LO-FI'S
The
Final
App
The first screen you'll see is a short loading screen. A small lightning bolt symbol will quickly fill as if the app is charging up like the cars do.
Once the lightning is full then next page will appear.
Loading Screen
Loading Screen
The first step is to log in or create a new account.
Creating a new account is a quick 2-step process.
Green lights signify that inputs are acceptable.
Red lights signify error states.
Error State
Error State
Once you've created your account you are asked to select a profile pic.
Profile Photo Selection
The final step is to select which clubs you would like to join. Clubs are featured at the top of the home homepage to provide quick access to the things the user cares about.
Clubs Screen
(no selection)
Clubs Screen
(clubs selected)
This is the homepage. It follows a forum style layout with the option to change how threads are listed.
Featured clubs are at the top.
Profile and settings are locked to the top of the screen.
Homesceen
Watch Now
bottom of page