PL

Contact

Tell us what brings you here

Got a minute?

Answer a few questions so we know more. At the end you'll see an initial diagnosis.

Anita, Creative Director, co-founder

Rather talk right away?

A free 30-minute consultation with Anita, the studio's co-founder.

Book a call

Write or call

[email protected]
+48 726 220 596

Pokket · a Grupa Dawtona brand

Pokket. A website and materials for a brand of mousse pouches

Pokket is mousse in squeeze pouches for Gen Z: dessert-style mochi, Protein Booster with 20 g of protein and exotic Fruit Bomb. We designed and built pokket.pl, then kept developing it together with the brand: new flavours, social media animations, a newsletter and a leaflet for retailers.

Squeeze on

The world of Pokket

Slogans that slide into the middle

Pokket is a new, totally crazy food brand that redefines what a handy snack means: convenient tubes that fit in any pocket, and flavours you won't find anywhere else on the market.

The brand speaks short and loud: to the max, no faking, 100% flavour. In “The world of Pokket” section, slogans are scattered across the screen like stickers and slide into the middle as you scroll, until they form a single composition.

That's how we described it in the animation specification for development.

  • To the max
  • 100% flavour
  • No faking
  • Wow
  • With the crew
  • Intense
  • Snack
  • Handy
  • No compromises
  • Just how I like it
The Pokket website on a phone, the brand section with a star and photos

Flavours

Each flavour has its own colour

On the product page, the hero background changes colour along with the flavour, and in the product grid, hovering sets the background in motion while three pouches overlap in a loop.

Mochi style dessert

A dessert with rice flour, in flavours inspired by Asia.

Protein Booster

A fruit mousse with 20 g of WPC protein, for training and on the go.

Fruit Bomb: a “Coming soon” tile is waiting on the site

A Pokket Mochi style dessert pouch, matcha flavour
Mochi style dessert · Matcha
A Pokket Mochi style dessert pouch, coconut flavour
Mochi style dessert · Coconut
A Pokket Mochi style dessert pouch, mango flavour
Mochi style dessert · Mango
A Pokket Protein Booster pouch, strawberry flavour
Protein Booster · Strawberry
A Pokket Protein Booster pouch, chocolate flavour
Protein Booster · Choco
A Pokket Protein Booster pouch, peach flavour
Protein Booster · Peach
A Pokket Protein Booster pouch, coconut flavour
Protein Booster · Coconut

The pouches and flavour colours come from the brand's materials. We prepared the pouch composites and background animations for development.

The home page and the Mochi page on a desktop, on a yellow background

Motion spec

Every section moves differently

The site reflects the essence of the brand: intense flavour experiences, no faking. It's colourful, full of animation and pulls you into the world of Pokket.

For development we handed over a written-up animation for every section of the home page, with links to sites where similar motion works best.

Full screenshot of the pokket.pl home page, desktop view
Full screenshot of the pokket.pl home page, phone view

A spinning background that draws you in, and a composite with fruit sliding in.

Screenshots of pokket.pl.

New line

A new line arrived, so we expanded the site

The first version was built around the Mochi line. A few days after launch the brand added Protein Booster, so we expanded the site: a new hero animation, new backgrounds and product photos, and flavour pages.

We prepared the background animations in portrait and landscape, separately for phone and desktop, and later converted them into lighter files.

Background: Mochi
Background: Protein Booster
The Mochi matcha page on a phone
Mochi matcha
The Protein Booster strawberry page on a phone
Protein Booster strawberry
The animation from the “Check out the new drop” window.

Keywords

BoldColourfulWowIntenseDynamic

We prepared the pouch composites for the website, social media and the retail leaflet.

pokket.pl pages: the home page, the world of Pokket and the Mochi line
Composite: a person lying in a pool of orange balls with a Pokket pouch in hand
Brand slogans arranged like stickers, next to a Mochi mango pouch
Composite: a Pokket pouch in the opening of a red sculpture in a park
Composite: a hand holding a Mochi pouch in the middle of light blue circles
Leaflet composite: a young man in black pulling out a Protein Booster pouch
Leaflet composite: a crouching young man holding out a Protein Booster pouch
Leaflet composite: a young woman in glasses with a Protein Booster pouch by her face
Views of the Pokket website on phones, one held in a hand

Scope

What we did for Pokket

  1. Design Wireframes for desktop and mobile, assets, pouch composites and an animation specification for development. The brand supplied the creative platform, colours and packshots.
  2. Development WordPress with a CMS panel where the brand team adds flavours and drops itself.
  3. Protein Booster The new line on the site: hero animation, backgrounds, product photos and flavour pages.
  4. Social media and mailing Social media animations, a key visual for mailing and a newsletter template.
  5. Retail An A3 leaflet for Dawtona and Pokket mousses, with composites of people holding a pouch.
A person browsing the Pokket website on a phone

What the brand gets out of it

The new brand got a website in its own voice: loud, colourful and always moving. The CMS panel lets the brand team add flavours and drops on its own, and we add new materials as the range grows.

Client
Pokket (Grupa Dawtona)
Scope
UI/UX Design · Website · Animation · Video editing · Rollout · CMS panel · Social media · Leaflets and brochures
Technologies
WordPress · ACF · Gravity Forms · Adobe XD · After Effects

More projects

View

Facing a similar challenge?

Tell us what you want to change. In a first, no-obligation call we will see whether and how we can help.

Cookies

With your consent, we use Google Analytics and Hotjar to see how people use the site, and Google Ads to measure how well our ads work. Without consent, the site works just the same. You can change your choice at any time under “Cookie settings” in the footer. Details are in our privacy policy.

Cookie settings

Necessary Always on

The fluo_zgoda cookie remembers this choice for 12 months. Cloudflare Turnstile protects the forms from bots.

Plausible counts visits without cookies or personal data, so it works regardless of this choice.