NEW

July 2024

NEW

July 2024

NEW

July 2024

Tesla Cybertruck Website Redesign

This project is a concept redesign of Tesla’s Cybertruck landing page, focused on creating a high-impact, immersive web experience. The goal was to elevate the user journey through sleek visuals, intuitive interaction, and a layout that reflects the Cybertruck’s bold personality and cutting-edge performance.

UI Design

Landing Page

Roles

UI/UX Designer · Interaction Designer · Visual Strategist

UI/UX · Web Design · Automotive

Client

Concept Project — Tesla Inc.

Tech Stack

Figma

UI/UX Design

Figma

UI/UX Design

Figma

UI/UX Design

Photoshop

Image Editing & Mockups

Photoshop

Image Editing & Mockups

Photoshop

Image Editing & Mockups

Design Concept

The Cybertruck is not a conventional vehicle, and its digital experience shouldn’t be either. This redesign focuses on:

A cinematic feel through bold visuals, dark themes, and immersive media
Modular layout systems for easier navigation and responsive adaptability
A focus on interactive elements like carousels, accordions, and model changers to help users engage with the product in-depth
Visually rich feature highlights (e.g., Bioweapon Defense Mode, Theater on Wheels, and Charge Everything) that bring Tesla's unique selling points to life
Clean typography and glassmorphic UI elements that evoke a futuristic, high-tech aesthetic

Design Concept

The Cybertruck is not a conventional vehicle, and its digital experience shouldn’t be either. This redesign focuses on:

A cinematic feel through bold visuals, dark themes, and immersive media
Modular layout systems for easier navigation and responsive adaptability
A focus on interactive elements like carousels, accordions, and model changers to help users engage with the product in-depth
Visually rich feature highlights (e.g., Bioweapon Defense Mode, Theater on Wheels, and Charge Everything) that bring Tesla's unique selling points to life
Clean typography and glassmorphic UI elements that evoke a futuristic, high-tech aesthetic

Design Concept

The Cybertruck is not a conventional vehicle, and its digital experience shouldn’t be either. This redesign focuses on:

A cinematic feel through bold visuals, dark themes, and immersive media
Modular layout systems for easier navigation and responsive adaptability
A focus on interactive elements like carousels, accordions, and model changers to help users engage with the product in-depth
Visually rich feature highlights (e.g., Bioweapon Defense Mode, Theater on Wheels, and Charge Everything) that bring Tesla's unique selling points to life
Clean typography and glassmorphic UI elements that evoke a futuristic, high-tech aesthetic

Key Features

Hero Section: A full-width Cybertruck visual paired with bold CTAs like "Order Now" and "Book a Test Drive"
Model Comparison: Interactive sliders to compare specs like range, 0-100km/h, and towing power
Interior Showcase: 3D visuals, first-person overlays, and performance callouts
Carousel Features: Sleek cards presenting top innovations in audio, safety, and entertainment
Testimonials: Clean, swipeable design featuring quotes from influential voices
FAQ Accordion: A collapsible, space-efficient layout for technical info
Final CTA: Large visual + text prompting user to take action

Reflection

This redesign was a deep dive into balancing aesthetic polish with practical UX. Every section was designed with the Tesla brand in mind — futuristic yet functional, bold yet minimal. From visual storytelling to interactive flow, the project showcases how a performance-driven product can be transformed into an equally powerful digital experience.

The Solution

Heartz is a pocket-sized memory capsule that captures the emotional signature of a moment. When activated, it records:

Heartbeat – representing the emotional intensity of the moment
Ambient sound – capturing laughter, conversations, nature, etc.
Temperature – reflecting the environmental tone
Voice reflection – a brief spoken thought or feeling

Research Insights

Through scenario mapping, user empathy exploration, and interviews with visually impaired individuals, we uncovered key insights: Tactile and auditory cues trigger the strongest memories. Many blind users desire ways to log and revisit life moments that feel meaningful—but current tech is not designed for them. Memory is emotional—yet most devices focus on data, not feeling.