← All shopsConcept project

froth

Calm, with a kick.

Matcha. Logo, packaging, store, banners, social, print

After: the Froth store home page, with a light green banner of tiny people bathing in a giant bowl of matcha, under the words Swap your third coffee. Before: a plain default store theme for Froth, with the same phone photo used for every product. BeforeAfter
Before
A store theme nobody touched, with one kitchen photo used five times.
After
A light green home page with one clear line: Swap your third coffee.

This shop is not real. I made it to show what a full project looks like, and I made the “before” versions too. The name, products, prices and addresses are invented.

The idea

Matcha for people who are trying to quit their third coffee. There are three tins of matcha and a starter kit with a tin, a bamboo whisk and a bowl. The logo has soft, round letters, and the o is a bowl of matcha seen from above, with froth on top. In the campaign, a giant matcha bowl is a hot spring for tiny people, next to a huge whisk, in soft morning light. Friendly, light and a little funny.

Category
Matcha
Typefaces
Fredoka, Hanken Grotesk
Colours
Matcha Latte, Fresh Whisk, Forest, Strawberry, Oat Milk

Piece by piece, before and after.

After: the Froth brand board with logo, colours and typefaces. Before: the words Froth Matcha in a bright green handwriting font under a leaf emoji. BeforeAfter

Logo and brand kit

Before
The name in a handwriting font, under a leaf emoji.
After
Soft, round letters with a bowl of froth for the o, plus colours, type and a badge.
After: a hand whisks matcha in a cream bowl next to an open Froth Mostly Calm tin, while a cup of black coffee goes cold behind them. Before: a zip bag of green powder with a handwritten matcha sticker on a messy kitchen counter, next to a used mug, lit by a phone flash. BeforeAfter

Packaging and product photo

Before
A zip bag of green powder with a handwritten sticker, next to a used mug, shot with the flash on.
After
A hand whisks matcha in a bowl next to a tin, while a cup of coffee goes cold behind it.
After: a light green Froth post that reads 20% off kits, with a tin, a bamboo whisk and a bowl in a pink arch. Before: the kitchen phone photo with 20% off in red letters and Starter kit this week, direct message to order, in white. BeforeAfter

Social post

Before
20% off, shouted in red over the kitchen photo.
After
The same offer, with the tin, the whisk and the bowl, and one big number.

Everything in the project.

Product images

Three Froth matcha tins, Mostly Calm, Half and Half and Mostly Kick, on a white background
On white 1400 × 1400
Tall Froth store banner for phones reading Swap your third coffee
Phone banner 800 × 1000

The Shopify store

Full Froth store home page inside a browser window
Home page, scroll inside the frame 1440 × 3886
Froth store and social profile on three phones
On phones 2000 × 1300

Banners

Froth desktop store banner
Desktop hero 1600 × 900
Three Froth collection banners
Collections 1600 × 560

Social

Froth social post
Feed 1080 × 1350
Froth social post
Feed 1080 × 1350
Froth Reel cover
Reel cover 1080 × 1920

Print

Front and back of a printed Froth flyer
Flyer, both sides 2000 × 1300

Campaign images

Tiny people relax in a giant bowl of frothy matcha like a hot spring, next to a huge bamboo whisk and a Froth Mostly Calm tin, in soft morning light.
Campaign 16:9
A tiny diver jumps from a giant Froth Mostly Calm tin into a huge bowl of matcha, while three tiny people float and watch
Campaign 4:5

Send me your before. I’ll show you the after.

Get a price
Next shopConcept project dawdle See it before and after