Tesla Model S
A landing page for the popular electric car
student project
![tesla hero image](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/6226495898aa3e143bba5b61_tesla-mock-up.png)
Story Time
I've always been a fan of Elon Musk from his beginning in PayPal through Tesla and SpaceX. He's innovative and on the cutting edge of technological advancement. So when the opportunity presentsed itself to design a landing page I chose Tesla. I was inspired by Apple's clean design and modern look.
What I did:
Design
Prototyping
and
Animation
Type of Project:
Landing page
My Tool Set:
![picture of elon musk](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/6220ccf347e7b558b7c88098_elon-musk.jpg)
UI Design
Typography
Poppins
Colors
Components
![tesla card component](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/62225ba567622426e2b70ea6_card-min.png)
![tesla button component](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/62225ba5db378b81b7e97859_button-min.png)
Lottie animation
Desktop design
![tesla desktop design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/622373b048fd5d0b1249bf7f_tesla-desktop-1.png)
![tesla desktop design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/622373b13f294f555cffbca7_tesla-desktop-2.png)
![tesla desktop design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/622373b06cc39891fba84c6b_tesla-desktop-3.png)
Interactions
Mobile design
![](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/621ba1f93e9793c5f859b9db_galaxy-s21-mock-up-min.png)
![tesla mobile design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/6224a04fdfbc618334149d76_tesla-mobile-1.png)
![tesla mobile design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/6224a04fb0e59fdf5fdb5162_tesla-mobile-2.png)
![tesla mobile design](https://assets-global.website-files.com/620d1425c1155ba3124ca1db/6224a04f7ab5eeb299182009_tesla-mobile-3.png)