Ecommerce Homepage Hero with 3-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 three-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.

In this 3-up version, the third content block is text only. This version provides a way for marketing to link to a blog post or new partnership if an asset isn't available or doesn't align with our brand photography.