Honda / Webpage

A scroll story with visual vroom

UX & IA, UI, development, Film, Post Production

RPA approached HAUS with a special ask: Create a multi-screen experience for the announcement of the new HR-V Crossover from Honda...with a twist. Instead of the standard "feature-focused" car site, RPA wanted a standout experience – something that highlighted the design of the car in a more editorial fashion. Being visual creatures ourselves we loved this idea, immediately brainstorming different ways to bring the unique styling of the HR-V to the forefront of the experience.

The challenge

Curating an editorial scroll story

A visual, editorial experience meant the site required big, beautiful imagery presented in a bold, fresh way. For this we adopted the long scroll format. This allowed us to stitch together full-bleed video and high-end photography in a purposeful, curated fashion. As the user scrolls through the site they experience the story of the HR-V with timed pieces of content that animate into place. This careful control of information allowed users to focus on a single feature at a time, breaking down the “car speak” and making the information consumable.

HRV video poster

The execution

The brains behind the beauty

The end result was a beautiful, editorial experience that could be enjoyed on any device. HAUS made heavy use of HTML5 video to ensure sweeping compatibility and to stitch the narrative together. An intelligent preloading system was employed to queue sequences of the video chapters – efficiently allowing the user to navigate more seamlessly through the experience.