Automotive: Desktop Experience
       
     
       
     
Alternate Heroes by Country
       
     
       
     
MOBILE WALKTHROUGH
       
     
Portfolio Page: Expansion
       
     
       
     
THE BOSE AUTOMOTIVE HUB

AUTOMOTIVE HOME & SUB-BRAND MICROSITE  |  WEB DESIGN + ART DIRECTION

Bose Audio designs premier sound systems for a wide range of vehicles. Our task was to drive greater online visibility for the brand among auto manufacturers and car enthusiasts.

*This video is created from live site screen captures and animated comps from the pitch phase of the project. The first segment with rollovers is live site footage, the section starting at 1:26 features the original home page layout.

Automotive: Desktop Experience
       
     
Automotive: Desktop Experience

The challenge in designing the Bose Automotive homepage was to give it a distinct visual style while still feeling like part of the overall Bose brand. A dark, restrained palette gives the brand a sophisticated feel. However, the friendly, intriguing imagery and video invites the audience to explore more. The hub includes an interactive tool to help users find automobiles that feature Bose audio and provides links to microsites that focus on three other Bose Automotive lines.

       
     
Performance Series: Desktop Experience

The Performance Series microsite uses full screen video to pull the viewer in. 

Bose Audio designs premier sound systems for a wide range of vehicles. Our task was to drive greater online visibility for the brand among auto manufacturers and car enthusiasts. The global Bose Automotive site was intended to house four lines of car sound systems - each hitting a very different customer demographic - from college age buyers with their first 'big kid' car to top-of-the-line Cadillac systems for professionals at the other end of the financial spectrum. The global automotive site and the performance series site both evoke the exhilarating and relatable sensation of dissolving into your favorite song in your hard-earned car. The performance series utilized a photoset from the American and European demographic character videos, incorporating unconventional video masking to create a distinctive and engaging video display.
 

Alternate Heroes by Country
       
     
Alternate Heroes by Country

Far left: the Germany/UK Masked Header reflects hands in a crowd as the silhouette to align with the brand persona video for that region.

I functioned as the art director, designer, and ux/ui contributor for this project. I teamed directly with Bose and Account members on our team to navigate and interpret newly defined corporate brand guidelines to the automotive suite of websites (4 in total) as the first project rolling out the new guidelines.

       
     
Bose Performance: Mobile Experience

I functioned as the art director, designer, and ux/ui contributor for this project. I teamed directly with Bose and Account members on our team to navigate and interpret newly defined corporate brand guidelines to the automotive suite of websites (4 in total) as the first project rolling out the new guidelines.
 

MOBILE WALKTHROUGH
       
     
MOBILE WALKTHROUGH

Performance Series Mobile Screens

Portfolio Page: Expansion
       
     
Portfolio Page: Expansion

Expansion from original site design featuring multiple cars on the "portfolio" page