Client: Diageo
Brand / Variant: Aviation American Gin
Year: 2023

Here is a brand page I designed for Aviation American Gin, a gin company famously co-owned by actor Ryan Reynolds. That alone was kind of fun, but it was also going through a branding revamp, so much of the visuals and identity already meshed phenomenally well together, and was fun to explore, creatively. 

"Above the Fold" Gallery:
These images are part of the upper gallery of the store page, aiming to inform and sway viewers toward the purchase. Included are a front bottle image, Lifestyle image, Occasion / Gifting image, Alcohol-By-Volume (ABV), an Awards image, and a Recipe image. 

Lifestyle - A nice crop on an elegant photo, with their plane icon to tie it in even more to the brand.
Gifting - Another nice crop on an elegant photo, wherein the type and the bottle w/ serve sort of frame each other.
ABV (Alcohol by Volume) - Took a typography approach on this frame, following the style guide and using some design elements from their repertoire. We had a team-wide effort to not have the bottle monotonously shown on every frame.
Awards - An easy type treatment for this frame, with the triple orange bars which were another one of their design elements.
Recipe - Juxtaposition of their drink recipe and the drink's photo into a single-frame spread.
Bottle Front
Bottle Front
Lifestyle
Lifestyle
Gifting
Gifting
ABV
ABV
Awards
Awards
Recipe
Recipe
Below the Fold Imagery / Enhanced Content:
These images and the mockup below followed after the Above The Fold gallery to further inform the viewer on the brand, it's history, and some nice cocktails to enjoy with it.

With exception to the top "The Official Gin" frame (which had to be tweaked to fit, but also served as a visual foundation for the rest of the page), everything was created in Photoshop from the ground-up on these. 
Hero Banner
Hero Banner
Tagline Banner
Tagline Banner
Quote Banner
Quote Banner
Negroni Upgrade
Negroni Upgrade
Recipe
Recipe
Aviation Sunrise
Aviation Sunrise
Recipe
Recipe
Below the Fold - Preview Mockup for Client:
Below is an example of a mockup we would send to our client, to show how the section would appear online.
Behind the scenes:
I wanted to show some of what I had to work with, as well as decisions I made along the way on this project (cropping, layouts, juxtaposition of photos next to informative elements, etc).
Back to Top