I created a system of digital cards within the Hennessy brand to differentiate types of legacy content. I worked closely with the development team to fine-tune animations that make the experience feel rich and enticing.
Hennessy’s 250-year adventure is definied by 5 different types of content — craft, history, products, culture, and art — each with a different visual card treatment.
For the product cards, I cropped close in on the bottles show off their disctinct shapes, and used background fills behind the glasses to add to the richness of cognac. The type stayed classic Hennessy; a bold title and simple description.
Craft cards were treated to emphasize warm tones and featured line work around the text to give them a more refined feel. I added grain to the images on history cards along with some vignetting and a large date to signify when the event took place.
Culture cards often featured Hennessy icons and were always given a black and white treatment with a singluar bold title and the bras arme stamp. This styling fell in line with how Hennessy treats it's culture imagery - its timeless but still feels cool. In contrast, art cards went full color with no label, letting the artwork itself shine.
As users scroll through the site, before each card is revealed, they’ll first see the back of the cards that I designed, marked subtly with the Hennessy 250 logo. This gives the sense that the cards are all from the same “deck,” though they’re all individual.
Clicking on a card opens a modal that gives the user more information, either via image carousel, video, and/or additional text. Clicking on the side arrows lets the user browse through the other legacy cards in the order they appeared on the site.
The site launched with 64 cards that displayed in a random order on page refresh. Users can browse them as a complete set, or use the filters at the top of the page to sort by category. Below, see how all the cards came together in the final design.