View more

Cranky Cloud Coffee

Brand Design
Shopify Storefront
Graphic Design
Website Design
Two Cranky Cloud coffee pouches, Contrail Crema and Nimbus Noir, on a gray surface against an orange wall

A speculative coffee brand with personality, designed from logo to latte.

Click here for demo store

Cranky Cloud illuminated storefront sign mounted under a wood-slat roof against a blue sky
White Cranky Cloud t-shirt hanging from a chain-link fence against a blue sky
Cranky Cloud Nimbus Noir coffee pouch standing on a mirror in a field of daisies
Stack of black, blue, and white Cranky Cloud mugs with orange cloud mascot logos against a blue backdrop
Phone floating against a cloudy sky showing the Cranky Cloud Coffee Instagram profile
Cranky Cloud loyalty card with a grid of cloud stamps lying in wildflowers
Orange Cranky Cloud business card lying on a mirror beside daisies
Hand holding a white Cranky Cloud paper coffee cup against a cloudy sky
Project images coming soon!

Project Brief

Cranky Cloud Coffee is a speculative project designed to explore how a character-driven identity could extend across every touchpoint of a modern coffee brand. The objective was to create a mascot-led system with wit, energy, and flexibility, aimed at younger, metropolitan coffee enthusiasts.

Creative Challenge

As a self-initiated concept, the challenge was to establish a full brand from the ground up, including naming, visual identity, packaging, collateral, and a digital prototype, and present it as a launch-ready company.

Approach

The project began with a complete logo suite consisting of a wordmark, submark, mascot, and icon variations. The mascot was built with interchangeable body and eye sets to enable animation and varied expressions across applications. Packaging drew inspiration from cloud formations, pairing each roast with a distinct type of cloud and supporting texture, resulting in blends such as Contrail Crema and Nimbus Noir.

The identity was applied across touchpoints including loyalty cards stamped with the mascot’s eyes, branded coffee cups, business cards, and pouch designs. On the digital side, a Shopify prototype was developed featuring branded sections, a custom hero with parallax cloud movement, and animated mascots to bring additional personality online.

Results

Although speculative, the project demonstrates how a cohesive, character-led identity can scale across packaging, print, and digital experiences. It also expanded my skills in animation, packaging, and Shopify prototyping, culminating in a concept that feels polished, versatile, and market-ready.

‍

Other Projects

Two Cranky Cloud coffee pouches, Contrail Crema and Nimbus Noir, on a gray surface against an orange wall
Cranky Cloud illuminated storefront sign mounted under a wood-slat roof against a blue sky
Hand holding a phone showing the Cram 3-Piece Set in Pacific blue on a product page with color swatches
Cram Travel homepage in a desktop browser with a packing-cube hero image and a row of colorful cube sets
Quintessential q monogram sticker on a weathered green wall
Quintessential wordmark in white on a black background
Laptop showing the She's the Sauce Honey Mustard product page beside a tray of chicken nuggets and sauces
She's the Sauce homepage floating against a pink tiled background with the headline The sauces you know and love