BMW Nelson's Website
The BMW model page for Nelson’s Autohaus is designed to provide an intuitive and visually engaging experience. It showcases available BMW models with detailed features, promotions, and pricing. A responsive carousel facilitates effortless comparison, enhancing user exploration and decision-making.
Role
Visual + UX Designer
Client
BMW Nelson's Autohaus
Industry
Automotive
Year
2024
Challenge
BMW Nelson's Autohaus needed a compelling and user-friendly digital experience to showcase its BMW lineup. The goal was to present each model with key information and specifications in a visually engaging way, while also providing detailed, easily accessible promotional and pricing information. A key challenge was helping users effortlessly compare sub-models to support informed purchasing decisions.
Challenge
BMW Nelson's Autohaus needed a compelling and user-friendly digital experience to showcase its BMW lineup. The goal was to present each model with key information and specifications in a visually engaging way, while also providing detailed, easily accessible promotional and pricing information. A key challenge was helping users effortlessly compare sub-models to support informed purchasing decisions.
Challenge
BMW Nelson's Autohaus needed a compelling and user-friendly digital experience to showcase its BMW lineup. The goal was to present each model with key information and specifications in a visually engaging way, while also providing detailed, easily accessible promotional and pricing information. A key challenge was helping users effortlessly compare sub-models to support informed purchasing decisions.
Project Kick-off
To design a compelling model and pricing page for BMW Nelson's Autohaus, we began with a competitor analysis and user research. We reviewed leading automotive websites to evaluate how they present vehicle models. In parallel, we conducted user interviews and usability tests with prospective car buyers to understand their decision-making behavior and digital expectations.
Project Kick-off
To design a compelling model and pricing page for BMW Nelson's Autohaus, we began with a competitor analysis and user research. We reviewed leading automotive websites to evaluate how they present vehicle models. In parallel, we conducted user interviews and usability tests with prospective car buyers to understand their decision-making behavior and digital expectations.
Project Kick-off
To design a compelling model and pricing page for BMW Nelson's Autohaus, we began with a competitor analysis and user research. We reviewed leading automotive websites to evaluate how they present vehicle models. In parallel, we conducted user interviews and usability tests with prospective car buyers to understand their decision-making behavior and digital expectations.
What we learn
Highlight Key Specs Upfront
Users want to see technical specifications summarized clearly and immediately on the model page without needing to scroll or dig through tabs.
Users want to see technical specifications summarized clearly and immediately on the model page without needing to scroll or dig through tabs.
Show Transparent, Comparable Pricing
Buyers prefer seeing price breakdowns and sub-model comparisons, including promotions, to quickly assess value and fit within their budget.
Buyers prefer seeing price breakdowns and sub-model comparisons, including promotions, to quickly assess value and fit within their budget.
Lead with Strong Visual Appeal
High-quality visuals play a critical role in building emotional engagement and helping users envision ownership.
High-quality visuals play a critical role in building emotional engagement and helping users envision ownership.
Design Iterations
Throughout the project, the design was refined through multiple iterations. Early concepts were adjusted to improve clarity, simplify content hierarchy, and enhance usability across devices. Each round of iteration focused on aligning the design more closely with user needs, resulting in a final solution that is both intuitive and visually engaging.
Design Iterations
Throughout the project, the design was refined through multiple iterations. Early concepts were adjusted to improve clarity, simplify content hierarchy, and enhance usability across devices. Each round of iteration focused on aligning the design more closely with user needs, resulting in a final solution that is both intuitive and visually engaging.
Design Iterations
Throughout the project, the design was refined through multiple iterations. Early concepts were adjusted to improve clarity, simplify content hierarchy, and enhance usability across devices. Each round of iteration focused on aligning the design more closely with user needs, resulting in a final solution that is both intuitive and visually engaging.
High-fidelity Prototype
The high-fidelity prototype showcased the final layout, visuals, and interactions, featuring real specs, pricing, and promotional content for each BMW model. Usability testing was conducted with target users to validate clarity, ease of comparison, and overall experience. Feedback was then used to fine-tune the design before presenting it to stakeholders and handing it off for development.
High-fidelity Prototype
The high-fidelity prototype showcased the final layout, visuals, and interactions, featuring real specs, pricing, and promotional content for each BMW model. Usability testing was conducted with target users to validate clarity, ease of comparison, and overall experience. Feedback was then used to fine-tune the design before presenting it to stakeholders and handing it off for development.
High-fidelity Prototype
The high-fidelity prototype showcased the final layout, visuals, and interactions, featuring real specs, pricing, and promotional content for each BMW model. Usability testing was conducted with target users to validate clarity, ease of comparison, and overall experience. Feedback was then used to fine-tune the design before presenting it to stakeholders and handing it off for development.
Final Design
The solution focused on an intuitive, visually engaging interface that put users first. Each model page combined striking visuals with clear, concise specs to highlight key features. A dynamic carousel showcased sub-model pricing and promotions, making it easy for users to browse, compare, and make confident decisions. The design emphasized clarity, accessibility, and a seamless user experience.
Final Design
The solution focused on an intuitive, visually engaging interface that put users first. Each model page combined striking visuals with clear, concise specs to highlight key features. A dynamic carousel showcased sub-model pricing and promotions, making it easy for users to browse, compare, and make confident decisions. The design emphasized clarity, accessibility, and a seamless user experience.
Final Design
The solution focused on an intuitive, visually engaging interface that put users first. Each model page combined striking visuals with clear, concise specs to highlight key features. A dynamic carousel showcased sub-model pricing and promotions, making it easy for users to browse, compare, and make confident decisions. The design emphasized clarity, accessibility, and a seamless user experience.
BMW Carousel Price List Design
The carousel was designed to clearly showcase promotions and pricing for each sub-model, making it easy for users to browse offers and compare options at a glance. With a clean layout and straightforward information hierarchy, it helps users quickly understand value differences and confidently choose the model that best fits their satisfactions.
BMW Carousel Price List Design
The carousel was designed to clearly showcase promotions and pricing for each sub-model, making it easy for users to browse offers and compare options at a glance. With a clean layout and straightforward information hierarchy, it helps users quickly understand value differences and confidently choose the model that best fits their satisfactions.
BMW Carousel Price List Design
The carousel was designed to clearly showcase promotions and pricing for each sub-model, making it easy for users to browse offers and compare options at a glance. With a clean layout and straightforward information hierarchy, it helps users quickly understand value differences and confidently choose the model that best fits their satisfactions.
Key Takeaways
This project strengthened my ability to design user-centric interfaces that balance visual appeal with functionality. I successfully created a clear, engaging experience for browsing BMW models and comparing sub-model promotions.
One key challenge was structuring complex pricing data in a way that felt simple and digestible for users. In the future, I would further refine the comparison experience by integrating interactive filters or side-by-side views to enhance usability and support faster decision-making.
Key Takeaways
This project strengthened my ability to design user-centric interfaces that balance visual appeal with functionality. I successfully created a clear, engaging experience for browsing BMW models and comparing sub-model promotions.
One key challenge was structuring complex pricing data in a way that felt simple and digestible for users. In the future, I would further refine the comparison experience by integrating interactive filters or side-by-side views to enhance usability and support faster decision-making.
Key Takeaways
This project strengthened my ability to design user-centric interfaces that balance visual appeal with functionality. I successfully created a clear, engaging experience for browsing BMW models and comparing sub-model promotions.
One key challenge was structuring complex pricing data in a way that felt simple and digestible for users. In the future, I would further refine the comparison experience by integrating interactive filters or side-by-side views to enhance usability and support faster decision-making.
