Punk Bunny Coffee

Green Day’s kick a** coffee gets a fresh look
Client
Green Day
Project
Ecomm site for Green Day’s bespoke coffee brand

E-commerce design and build for Green Day’s bespoke coffee brand, Punk Bunny Coffee. The site features a custom introduction sequence that pulls the user straight into the product. The entire styling of the site reflects the punk aesthetics of the product - including original illustrations by our in-house design team to expand the use of the Punk Bunny mascot. The product display pages feature a unique purchase modal that lets users easily swap between different product types and purchase options. We loved working on this one!

Illustration

We expanded upon the Punk Bunny head logo with custom illustration work across multiple areas of the site. This injected even more personality into the brand by putting the bunny at the heart of the store experience and giving it an on brand ‘punk’ tone of voice.

Animation

We paid special focus to the interactive elements of this site to bring some life to the intuitive ecommerce framework. We added dynamic hover states to the product cards and a special ‘hide and seek’ hover animation on the product images, exemplifying the playful nature of the Punk Bunny brand.

Custom Pages & Banners

The launch of Punk Bunny Coffee included a collection of special offers and collaborations. We were able to tie all of these in with the main ui by crafting different hand-rendered assets, amplifying the spray paint aesthetics and giving each collab or offer a unique feel.

Animation & tour visuals

For the launch campaign across Green Day’s massive North American tour, we modelled and animated custom video for the big screens, advertising the new brand and inviting concert goers to visit the site and ‘spin the wheel’ to win prizes.

Coinciding with the start of Green Day’s tour, the launch was a massive success with over 1,000 orders in the first week, totalling almost a tonne in weight of Punk Bunny coffee!