Hyundai

INTRO

This isn’t just another car website. This is a thoroughly planned "lead generating machine" that involved strategy, research, design, executive account and creative team towards delivering—more than just visuals.

hd-i30hd-i30

behind the wheel menu

The project was part of a major campaign pitch presented to Hyundai in 2013. On the digital disciplines the team considered a complete lead generation system that relied on the website—both desktop and mobile—to deliver a flawless experience for consumers and retailers alike. Experimenting the visually rich content was as important as providing the sales team with relevant information about potential buyers shopping behavior. The menu was laid at the left side of the design in such manner as to also make sure it could be accessible from any point of the

 

 content. Once again, a high contrast blue button called out for attention inviting people to make a test drive. One of the main goals of this website was to generate new qualified leads to Hyundai dealers. For this reason, I made sure to include a fixed menu at the top with the call to actions in order to guide users to engage on contact with the brand channels—such as Services (Serviços), Dealers (Concessionárias) and Simulate your car (Monte seu carro).

hd-middle-contenthd-middle-content

content PRESENTATION

The website showcased a special line of cars the brand planned to promote in Brazil at that time. In a website of this kind, it was only natural to explore the rendered images available highlighting their best features. The color picker at the top allowed users to experiment with variations from the start.

Client request and design response

Technical specifications designed in between the main content and the sensitive area where users were supposed to be giving their contact information. This not only ensured a visual breathing area in the composition, but also allured the more avid car fans to investigate facts that are relevant to this target audience—according to local research.

hd-mockuphd-mockup

The website was supposed to serve as a funnel to increment the dealers consumer database with new potential buyers. Therefore, this area represented a point of interest in which the design and marketing teams planned with care. Visually the forms were wide and comfortable to fill in with no required field to

hold back users by frustrating them at such a critical moment. This lot was also enhanced with a social connect button before anything else to give people a quicker way to sign up for the test drive. The entire user flow is explained on the video case below:

[unex_ce_button id="content_jrtc8o07k" button_text_color="#d1d1d1" button_font="semibold" button_font_size="18px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#d81111" button_padding="20px 60px 20px 60px" button_border_width="1px" button_border_color="#b7b7b7" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://www.pudim.com.br/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]WEBSITE NOT AVAILABLE :([/ce_button]

agency

Ogilvy Brasil

Video case credits

Storyboard: Fred Celestino
Animation: Guilherme Todorov, Tulio Inoue

role

Visual Design, Interaction Design, Information Architecture, Video Case Storyboard