RESPONSIVE WEBSITE PROTOTYPE
Project Overview
My Role
Heuristic Evaluation
UI/UX Design
Duration
2 weeks
Tools used
Figma
FigJam
Adobe XD
Key Contribution
User Flow
Wireframe to Prototype
Website & mobile app
Project Scope and Re-design
To improve the product pages and overall User Interface (UI)
I like the visual aesthetic look of minimalistic design and exterior appeal in all of their car models, along with clean and simple interiors – it is the perfect blend of simplicity and functionality.
Their website, however, has areas that can be improved upon – to make it even more user-friendly, simpler, and intuitively – Tesla. Below are the changes made for a responsive website prototype:
Tesla homepage
• Single homepage to showcase all 5 car models with images
• Clear Call-To-Action (CTA) buttons for users to act and contact
Model product pages
• Simpler car model introduction and specification information along with minimal interface
• Engaging video on the top hero banner for instant appeal
Website Development Concept
Web page navigation, information architecture, and design user flow
Design System and Components
Design system and library components, modules, and image gallery
Responsive Website Prototype
Responsive layout design and interactions made with Figma
Mobile App Prototype
User flow from initial intro frame to advanced features in Adobe XD
