Roles:
Roles:
UI/UX Designer
Web Designer
Field:
Field:
Automobile
Tools:
Tools:
Figma
Adobe Photoshop
Project Taskflow
Stage 1: Research & Goal Setting
Stage 1: Research & Goal Setting
The project began with research into BMW’s brand identity and target audience. I analyzed their existing web presence, focusing on areas that could benefit from a fresh design. The goal was to create a landing page that captured BMW’s essence—luxury, innovation, and performance—while offering a seamless user experience. The design needed to emphasize high-quality visuals and clearly communicate BMW’s product offerings and brand values.
The project began with research into BMW’s brand identity and target audience. I analyzed their existing web presence, focusing on areas that could benefit from a fresh design. The goal was to create a landing page that captured BMW’s essence—luxury, innovation, and performance—while offering a seamless user experience. The design needed to emphasize high-quality visuals and clearly communicate BMW’s product offerings and brand values.
Stage 2: Wireframing & Prototyping
Stage 2: Wireframing & Prototyping
I created wireframes that laid out the structure and flow of the landing page, ensuring a balance between visual appeal and functionality. Using Figma, I developed an interactive prototype featuring:
• Hero Section: A bold, dynamic image of a BMW vehicle with a compelling call-to-action.
• Key Features: A section highlighting BMW’s cutting-edge technology, performance, and design.
• Model Showcase: An interactive slider displaying popular BMW models.
• Contact CTA: A clean, intuitive form to encourage user inquiries or dealership visits.
I created wireframes that laid out the structure and flow of the landing page, ensuring a balance between visual appeal and functionality. Using Figma, I developed an interactive prototype featuring:
• Hero Section: A bold, dynamic image of a BMW vehicle with a compelling call-to-action.
• Key Features: A section highlighting BMW’s cutting-edge technology, performance, and design.
• Model Showcase: An interactive slider displaying popular BMW models.
• Contact CTA: A clean, intuitive form to encourage user inquiries or dealership visits.
Stage 3: User Interface Design
Stage 3: User Interface Design
The UI design reflected BMW’s luxury brand identity through:
• A sleek, high-contrast color palette (black, white, and metallic accents).
• Large, high-resolution imagery of BMW vehicles to evoke elegance and power.
• Clean typography that aligned with the brand’s modern aesthetic.
The UI design reflected BMW’s luxury brand identity through:
• A sleek, high-contrast color palette (black, white, and metallic accents).
• Large, high-resolution imagery of BMW vehicles to evoke elegance and power.
• Clean typography that aligned with the brand’s modern aesthetic.
Stage 4: User Feedback & Refinement
Stage 4: User Feedback & Refinement
After completing the prototype, I sought feedback from peers and design enthusiasts. Their input highlighted minor adjustments, such as improving text hierarchy and spacing for better readability. Incorporating this feedback, I fine-tuned the design, ensuring an optimal balance of aesthetics and functionality.
After completing the prototype, I sought feedback from peers and design enthusiasts. Their input highlighted minor adjustments, such as improving text hierarchy and spacing for better readability. Incorporating this feedback, I fine-tuned the design, ensuring an optimal balance of aesthetics and functionality.
Outcomes
Outcomes
The BMW landing page prototype is a sleek, user-centered design that effectively conveys BMW’s luxurious brand identity. This project showcases my ability to design visually striking, functional interfaces that resonate with a high-end audience.
The BMW landing page prototype is a sleek, user-centered design that effectively conveys BMW’s luxurious brand identity. This project showcases my ability to design visually striking, functional interfaces that resonate with a high-end audience.
