BMW Toronto

UX/UI Branding

Skills: UX/UI Design

Tools: Figma, Adobe Illustrator, & Spline

A MacBook displaying a BMW dealership website featuring the new BMW M5 Sport. The homepage has a sleek black theme with a large promotional image of the car and navigation options at the top

For my BMW project, I designed a sleek, modern website focused on improving UX/UI. My goal was to enhance navigation and simplify the layout, creating a seamless browsing experience that aligns with BMW’s luxury brand.

A MacBook displaying the BMW Toronto website, featuring a welcome message, search bar, financing offers, and navigation options for new cars, pre-owned vehicles, leasing, and service bookings. A chat widget is visible in the bottom right corner.

Challenge

This was a previous iteration of the BMW website. I found that the design lacked sufficient white space and did not fully capture BMW’s signature minimalistic yet sporty aesthetic. My redesign aimed to enhance usability while integrating emerging technologies such as AR and VR to create a more engaging customer experience.

Understanding The User

I created detailed user profiles based on research. These personas show important behaviors, demographics, goals, and challenges of potential customers. By understanding their motivations and problems, I improved the design to enhance usability, organize content better, and create a more engaging browsing experience.

Designing For The User

To better understand User experience, I created a journey map detailing key touchpoints, user emotion and potential pain points through the process. This helped me identify areas for improvement in navigation and overall engagement.

Sketches

Before starting detailed designs, I made sketches and wireframes to explore layouts and set up a clear structure for the BMW Toronto website. These early ideas helped me test navigation, content placement, and user interactions, always focusing on the user's needs.

A Modern Approach

The new BMW Toronto website improves user experience, looks better, and increases customer interaction. It features a cleaner layout, better navigation, and smart use of white space, matching BMW’s premium and sporty image. It also includes AR and VR technologies for a more engaging way to explore vehicles.

3D Intergration

The new BMW Toronto website improves user experience, looks better, and increases customer interaction. It features a cleaner layout, better navigation, and smart use of white space, matching BMW’s premium and sporty image. It also includes AR and VR technologies for a more engaging way to explore vehicles.

Final Design

The final BMW Toronto website design reflects a balance between innovation and user experience. By integrating emerging technologies, I focused on creating a clean, intuitive interface that enhances navigation while maintaining BMW’s signature brand identity.

Explore More