top of page
Find Your Fortune Landing Page_Header.png

Find Your Fortune

Beer Landing Page

Find Your Fortune was 21st Amendment Brewery's limited release beer for Q1 of 2024. The beer style was based off of the flavor of a fortune cookie, and included flavors of toasted sesame and vanilla. We wanted to make this package interactive, with a QR code that would act as a call to action for consumers to visit our website and sign up for our email newsletter. So, after much research at San Francisco's Musée Mécanique, we decided to make an interactive fortune-telling experience.

​I sketched out the animation, built it in Figma, and then handed off the file to our in-house IT professional who coded the final piece.

Credits

Coffee Service by Stuart Sandler

Manofa Condensed Bold by Mariya Lish

Ohno Blazeface by OH no Type Co.

Swear Text by OH no Type Co.

Select Screenshots
iPhone 13 & 14 - 1.png
iPhone 4.png
iPhone 11.png
Demo Video
Beer Information

Following the fortune reveal

iPhone 14.png
Process

After discussing what we would like to see from the landing page, I sketched out ​the storyboard below. The way that the fortune was revealed from the cookie had to be simplified to accommodate technical limitations. With that feedback in mind, I proceeded with creating the Figma prototype seen above.

FindYourFortuneLandingPage-Sketches-1.png
FindYourFortuneLandingPage-Sketches-2.png
FindYourFortuneLandingPage-Sketches-3.png
FindYourFortuneLandingPage-Sketches-4.png
bottom of page