smart #1 BRABUS Campaign Landing Page Design

smart #1 BRABUS Campaign Landing Page Design

As a UX/UI Designer for smart™ Europe, I had the exciting opportunity to design the landing page for the social media campaign of the smart #1 BRABUS. With ample creative freedom, I leveraged insights from previous campaigns to optimize the design and user experience.

Hero Section

I focused on key learnings, such as placing the offer prominently in the hero section, showcasing the price and the limited nature of the offer front and center. To reinforce this, I included a text section below the hero to highlight these details once more.

Value Section (USPs)

Next, I created a section to highlight the car’s unique selling points (USPs), focusing on the maximum range and acceleration—features that data showed were most important to our users. Below this, I included three images that visually supported these USPs, making the information more engaging and easier to grasp.

To add more depth, I included a section with explanatory text that further emphasized the USPs. By presenting the same content in different formats, I aimed to aid user comprehension and enhance the overall user experience.

Call-to-Action (CTA) and Process Section

The call-to-action (CTA) to book a test drive via a form was strategically placed high on the page to reduce bounce rates and increase conversions. To build a connection with users and guide them through the next steps, I added a detailed Process Section that explains what happens after filling out the form.

Additional Features and Editorial Content

Following the CTA, I incorporated more images highlighting additional features and reasons to love the car. These were interspersed with editorial-style text, creating a cohesive and visually appealing presentation.

Final Touches

I added a visualizer component, allowing users to click through different colors and configurations of the car, giving them a hands-on experience.

Finally, I included a secondary CTA—a telephone number for our customer experience center, providing users who prefer speaking to someone directly with an easy option to get more information.

Final Landing Page Design

Building on the success of this landing page, we adopted its arrangement for several market campaigns. For example, we applied it to the Italian smart #1 and #3 campaigns.

...or this UK Bonus Campaign:

While I cannot disclose specific performance data, I can confirm that these campaigns successfully met their KPI goals.

Thank you for reading. :)

More by Frederic Springer

View profile