Ecommerce Homepage Hero with 2-up Messaging

Prior to this design, the Tuft & Needle site had the capability of showing one hero/ one message at a time.

We wanted to support flexibility in our hero templates, so created options to show one-up, two-up, and three-up messaging.

This version is the two-up messaging with placeholder content.

I gathered inspiration from other e-commerce sites and mocked up a handful of ideas. From there, I narrowed down the options that resonated with me and the team the most. I wanted a template that was different from the current templates we have so that we could have a more robust system. I also wanted something visually impactful, where the vibrant photography provides an impact of color users often request through user testing.

For this version I shortened the height of the hero to see if more users would scroll down, seeing a sliver of the section below the hero.