Homepage Hero Video & Redesign

ROLES -

Product Designer

Video Editor

COMPANY -

Gobble

SUMMARY -

Edit an engaging video that will be used for both the hero section of Gobble's homepage and be used in promo & marketing material; as well as redesign the existing hero section to accommodate the new video.

GOALS -

Increase user sign ups and continuing establishing customer trust & confidence by modernizing Gobble's homepage.

CHALLENGES -

I wanted to ensure that we continued promoting our most vital customer capture gateway, the initial sign up form, without overshadowing or causing users to miss the form alongside our new video.

Video Edit

This felt like the natural starting point since I wanted to get a feel for what the amalgamation of footage would look like once I began storyboarding and editing together clips from the plethora of footage accumulated over the years from previous promotional materials.

STORYBOARDS -

FINAL VERSION -

Hero Section Redesign

After a couple of rounds of critique and revisions, I quickly received approval from my director of design, our VP of technology, and our VP of marketing, and was able to get started on the redesign of the hero section where this new video would live!

COMPETITOR AND MARKET RESEARCH -

Competitive analysis was a regular step in all of our design decisions at Gobble. My creative director and I really wanted to start elevating Gobble and establishing stronger customer trust. We knew we could begin achieving this by sophisticating our overall look & feel, and to design for our leading user demographic base, which made up the overwhelming majority of our visitors and active subscribers.

OLD DESIGN -

This was the previous version of the homepage's hero section that hadn't been touched in almost 10 years. Although the simplicity was a nice idea, the design was rather harsh on the eyes and bleed in to the global nav at the top - this section was definitely in need of some help.

DESIGN CONCEPTS -

I started out by wireframing a few basic concepts that incorporated components that were vital - the sign up form, the new video, and the global nav bar. After we landed on an initial idea, I created a handful of high fidelity concepts:

AB(C) TESTING & RESULTS -

Of the four directions, along with several other minor variants I created for each direction, our team decided to test both option 1 and option 4, alongside our existing homepage (where we replaced the previous image with the video) in an ABC test to determine the effects of each variant.

After roughly a month long test, with each variant receiving several thousand visitors - option 1 came out on top! We saw a significant bump - roughly an 18% increase in user sign ups and we also had a slight increase to user retention on the homepage.