Built with Framer

Car Website Design in Figma & Framer

Shaheer Malik

Verified

1 collaborator

Overview

The Almajdoui 2026 model page is designed as an immersive product experience for users exploring a new car. It blends visual storytelling (video hero, high-quality imagery, animations) with functional product information (specifications, trims, configurations) to support both emotional engagement and rational decision-making.

UX Goals

Immersion & Impact
Hero section uses an autoplay video background to instantly capture attention and set the mood.
Large typography with bold car model naming establishes identity.
Product Exploration
Centralized 3D/rotatable car visuals allow users to change colors & trims interactively.
Clear spec highlights (engine, transmission, power, drive type) give users quick insights.
Progressive Storytelling
Sequential feature blocks (steering wheel, cockpit, sporty looks) highlight unique selling points.
Imagery reinforces performance, design, and lifestyle aspirations.
Detail Accessibility
Technical specifications organized in a comparison table (Elite vs Sports) to reduce cognitive load.
Key details (dimensions, horsepower, fuel economy) structured for easy scanning.
Brand Trust & Continuity
Additional sections like Explore The Look, Gallery, and Aero Dynamic Design link the car to broader brand storytelling.
Footer anchors users with corporate contact, social links, and subscription to maintain engagement.

UX Strengths

Visual-first approach – strong use of hero video and photography. ✅ Interactive product showcase – car visualization & color selector. ✅ Structured specs & trims comparison – clear for decision-making. ✅ Lifestyle integration – blends performance features with emotional brand storytelling.

UX Improvement Opportunities

Navigation clarity – could benefit from sticky side navigation for quick jumps (Specs, Gallery, Features). ⚡ Configurator depth – allow users to explore trims with more personalization (wheels, interiors). ⚡ Mobile-first optimization – ensure car visuals and comparison tables adapt seamlessly. ⚡ Conversion triggers – add prominent Book a Test Drive or Contact Dealer CTAs closer to key content, not just footer.

UX Concept Summary

This website creates a premium car discovery flow by combining immersive media and structured specs, ensuring users feel the excitement of the UNI-V while also accessing the information needed to make informed decisions. It strikes a balance between brand storytelling and product utility, guiding users smoothly from inspiration to consideration.
Like this project

What the client had to say

Thank you Shaheer, it was more detailed project and you were very supportive.

Belal Adel, Bureau

Sep 2, 2025, Client

Posted Sep 4, 2025

Designed an immersive product page for Almajdoui 2026 model, blending storytelling with product info.

Likes

1

Views

1

Timeline

Jun 28, 2025 - Sep 2, 2025

Clients

Bureau

Collaborators
BodyBuddy Brand Guidelines Development
BodyBuddy Brand Guidelines Development
AI Product Brand Guidelines
AI Product Brand Guidelines
UI/UX Design for Mint's Liquidity Solution
HospitALL Visual Identity and Social Media Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc