Case study

Their new brand, built into the whole store.

Matcha Bear had a finished new identity, an existing Shopify store and two kinds of buyer: people at home and the cafés that serve their matcha. The brief was to bring the brand into the store, show how the product is prepared, make the range easy to buy in more than one way and give partners a place of their own.

Book your free 30-min audit call
Matcha brand · Shopify commerce
matchabear.eulive

Inside the storefront

Screenshots from the client review theme. Select any image to view it full size.

Homepage: the preparation ritual introduces the product.
Homepage: the preparation ritual introduces the product.
The Matcha Bear Kit product page.
The Matcha Bear Kit product page.
The About page carries the brand story.
The About page carries the brand story.
The Partners page: the partner map and the application to become a partner.
The Partners page: the partner map and the application to become a partner.
The homepage on a phone.
The homepage on a phone.
The Matcha Bear Kit on a phone.
The Matcha Bear Kit on a phone.
  • 4preparation steps in the homepage sequenceBuild receipt
  • 3ways to buy: a single pack, a two-pack or a subscriptionBuild receipt
  • 2storefront languages: English and EstonianBuild receipt

How these were measured: Live storefront checked on 28 September 2026 at desktop, tablet and phone widths: the preparation sequence, all six retail products in the cart, the two-pack and the 30 g subscription into checkout, the partner map and the Estonian pages. Uploaded theme files were downloaded again and compared. These are delivery checks, not sales results.

Evidence class: Client delivery

Reviewed 2026-10-02 · Oskar Korjus, technical delivery

What we delivered

We rebuilt the storefront on the existing Shopify theme around the identity Matcha Bear designed in-house. The homepage plays the preparation ritual as the visitor scrolls, then leads into tools, matcha and sets. Product pages offer single packs, a two-pack and a subscription. Partners get a searchable map and an application, and the wholesale products are kept out of the retail shop. Keeping Shopify meant the client kept its catalogue, orders and checkout while we changed everything the customer sees.

  1. Brand carried through store, checkout and account pages

  2. Scroll-played preparation sequence

  3. Portrait footage for phones

  4. Product pages and range navigation

  5. Bundles and subscriptions

  6. Partner map and partner applications

  7. Wholesale products kept out of retail

  8. English and Estonian storefront

The brand

Their new identity, carried through the whole shop.

Matcha Bear designed a new identity in-house: black surfaces, matcha green and a hand-drawn bear. Our job was to take it from brand files to a working store, so every page reads as one brand, down to the checkout and the customer account pages.

  • Black and matcha green on the storefront, the checkout and the account pages
  • The brand display type on headings, in English and Estonian
  • The brush-drawn bear as the store logo
The Matcha Bear homepage in the new black and green identity
The homepage

Four steps, played by the scroll.

The homepage shows how a cup is made before it shows a price: sift the matcha, add water, whisk it, serve it. Each step plays as the visitor scrolls. Phones get portrait footage made for the narrow screen, so the bowl stays in frame, and visitors who switch motion off see the steps as still frames.

  1. Green matcha powder falling into a black bowl01 Sift the matcha
  2. Water pouring into the matcha bowl02 Add water
  3. Matcha being whisked in the bowl03 Whisk it
  4. Matcha being poured into a glass04 Serve it

Frames from the AI-generated clips used on the live storefront. They show storefront artwork, not a filmed product demonstration.

The range

Three ways into the range.

Tools, matcha and sets each get their own route from the homepage, shown with Matcha Bear’s own product photography. Product pages put the preparation steps, the sourcing and the common questions next to the buy box.

Matcha tools: whisk, spoon, sieve and a bowl of matcha
Tools
Close-up of matcha powder in a dark bowl
Matcha
Iced matcha in a branded cup next to the Matcha Bear canisters
Sets

Product photography: Matcha Bear.

Bundles and subscriptions

Buy once, buy two, or subscribe.

The buy box offers a single pack, a two-pack and a subscription on a fixed schedule that the customer can skip, pause or cancel. Prices come from Shopify and the subscription app, so the page shows what the checkout charges. The starter kit sells the tools and the matcha as one set.

  • Two-pack of the 30 g matcha into checkout at €43.80
  • 30 g subscription at €18.62 a month
  • Both checked on the live store on 28 September 2026
A subscription of the 100 g matcha, every two months, added to the cart on a phone
Partners and wholesale

A second channel for cafés and shops.

Matcha Bear also sells to the cafés and shops that serve it. We rebuilt the partner list as a searchable map, added an application for new partners, and took the wholesale products out of the public shop so retail visitors cannot buy them at trade prices. Partner orders still go through the Matcha Bear team; a self-order portal for partners is the next phase.

  • Partner map searchable by café and city
  • Become-a-partner application from the map and the partners page
  • Wholesale products kept out of the retail storefront
The Where to drink it partner map, showing three cafés in Tartu

Ownership and handover

Current owner

Matcha Bear owns the live Shopify store, catalogue and checkout.

Kratt's role

Kratt built the storefront, the motion sequence, the bundle and subscription buy box and the partner pages, worked in the client’s feedback and verified the uploaded theme files. The brand identity is Matcha Bear’s own.

Handover

The rebuilt theme is live on matchabear.eu. The client continues to manage products and orders in Shopify.

What this page does not claim

  • No post-launch revenue or conversion lift is claimed. Browser checks do not establish identical loading times on every device or connection.
  • The brand identity was designed by Matcha Bear in-house; we built it into the store.
  • The self-order partner portal is not built yet. Partner orders go through the Matcha Bear team.

Where is your business
leaking revenue?

A free AI audit finds it, ranked by impact, and it is yours to keep.

Book your free 30-min audit call

Back to all case studies.

kratt

kratt takes AI in companies from an initial idea to a reliable system. Based on the audit, we define where AI pays off and start development where the return is highest.

Book the free audit call
The newsletter

Occasional notes on
what’s actually working.

No spam. Cancel anytime. Occasional notes only.
Contact
Book your free 30-min audit call