hero_v1hero_v1

After waiting six weeks for their custom BMW to be produced and shipped cross-Atlantic from Germany, BMW customers aren't super keen on filling out paperwork and listening to product offerings upon pick-up. They're way too pumped to get behind the wheel. The solution? Beyond the Drive integrates the paperwork and product offerings into the waiting period while allowing customers the unique opportunity to live track the status of their new vehicle.

[unex_ce_button id="content_yo2qhaovc,column_content_i6dxcmqa6" button_text_color="#000000" button_font="bold" button_font_size="18px" button_width="auto" button_alignment="left" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="0px 0px 0px 0px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#1364d0" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#000000" button_link="http://kah3770.cias.rit.edu/wp-content/uploads/2016/BMW_Deck.pdf" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]See Project Deck ⟶[/ce_button]

Client
Class Project

Duration
3 Weeks, Fall 2016

Role
UX, UI

phone-mockup_v1phone-mockup_v1

User Persona

The Suave Professional

Robert, 41, just ordered his custom BMW 4 Series Gran Coupe from BMW. He had wanted to travel to Germany to pick his new baby up, but his hectic schedule as a marketing exec wouldn’t allow it. Instead, Robert is using BMW’s new Beyond the Drive App to track his car’s progress.

Whenever he has a couple minutes to spare, waiting in an elevator or killing time during sports TV commercials, Robert pulls out his app for an update. He loves all the live views and enjoys having forecasted times and dates of next steps. He also likes looking through his ordered car’s features, reminding him of how freaking cool his car is gonna be. After years of hard work, he’s earned it!

Information Architecture

Informing Without Overloading
 

With many steps in the production timeline and a lot of detailed information within those step, I was challenged to find an intuitive way of organizing the content. I iterated through different designs utilizing progressive disclosure, trying to find a good balance between limiting the amount of information shown at once while also limiting the number of steps needed to access this information. I also had to figure out how to make the more secondary functions of the app accessible while keeping the timeline the main focus.

  • gallery-image
  • gallery-image

Sleek and Smart

Knowing that the primary users of this app would be middle-aged males, I worked within the BMW brand to create a straightforward but sophisticated design. I used silver metallic tones to create a sleek feel and focused on dark grays for a masculine tone.

mood_wide_v1mood_wide_v1

Putting the sketches in gear

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image

With the design, I hoped to strike a good balance between meeting the client's objectives and meeting the consumer's goals. To generate revenue, the client needed to heavily push the product offerings. They aimed to reaching consumers at times when they would be more open and receptive to receiving promotions, and thus more likely to make a purchase. On the opposite side of the coin, the user needed the app to have utility and didn't want to be pestered with annoying ads. Product offerings needed to be presented as valuable content themselves, incorporated seamlessly in conjuction with "real" content.

big-image_v1big-image_v1
poster-mockup_v1poster-mockup_v1