Skip to content
Get a quoteQuote

Work01 / 14

Bubble tea & specialty coffee · website & social

A trilingual website for a Budapest bubble tea shop, with online pre-ordering and a digital loyalty card — and, from October 2026, full social media management too.

Visit the live site⁠ (opens in a new tab)Get a quote
The Teaffe website’s hero on desktop: matcha, taro and tapioca milk teas splashing against a deep red background, the Teaffe wordmark in the middle.
The Teaffe website’s hero on mobile: three bubble teas against the red background, the Teaffe wordmark above them.

N° 01Fact sheet

  • Website
  • Web app
  • Multilingual
  • Admin
  • Social media
Sector
Bubble tea & specialty coffee · website & social
Year
2026
Type
Web app
Built with
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • motion
  • GSAP
  • Supabase
  • Stripe
  • Számlázz.hu
  • MapLibre
  • Netlify
Live site
teaffebudapest.com⁠ (opens in a new tab)

N° 02Teaffe

The whole online presence of a Budapest bubble tea and specialty coffee shop (Czuczor u. 3., next to Corvinus University) in one pair of hands: its own website with ordering and a loyalty card, and from October 2026 its social media as well.

N° 03Website

teaffebudapest.com is built from our own code, not a template. Everything listed here runs live on the site.

  • three languages
  • online pre-ordering
  • digital loyalty card
  • live seat indicator
  1. Three languages: Hungarian, English and Chinese.
  2. A full drinks menu with search and dietary filters (vegan, lactose-, caffeine-, gluten- and nut-free); a drink builder where the cup shows live what goes in.
  3. Online pre-ordering and payment: guests order ahead and collect at the counter without queueing.
  4. Teaffe Club: a digital loyalty card with a guest account and a QR code that refreshes every minute; Focus Club with a study timer.
  5. A live seat indicator on the ground-floor plan — the counter updates it with one tap.
  6. A selfie coffee preview, a “Which Teaffe are you?” drink matcher, cakes with allergen info and custom cake requests.

N° 04Screens

The Teaffe website’s hero on desktop: matcha, taro and tapioca milk teas splashing against a deep red background, the Teaffe wordmark in the middle.
The teaffebudapest.com home page on desktop.
The Teaffe website’s hero on mobile: three bubble teas against the red background, the Teaffe wordmark above them.
The same on a phone.

In this project the website and the social media are the reference, not the product photography.

N° 05Social

Full social media management

Full social media management: regular videos and posts, looking after the Google Business Profile, and ads — from the same hands that built the website.

  1. Instagram
  2. Facebook
  3. TikTok
  4. Google Business Profile
  5. Ads
  • Regular videos
  • Regular posts
  • Google Business Profile care
  • Ads

Teaffe on Instagram · @teaffe.budapest⁠ (opens in a new tab)

N° 06Timeline

  1. September 2026

    Website

    Design and build — live today at teaffebudapest.com.

  2. October 2026

    Social media

    Full management: Instagram, Facebook, TikTok, Google Business Profile and ads.

  3. 9 October 2026

    First shoot

    The first shoot for Teaffe’s social content.

  4. Ongoing

    Care

    Regular videos and posts, and further work on the website.

N° 07Teaffe

Website, online ordering and payment, loyalty card, counter and admin interface. From October 2026 we run their social media too.

Case study navigation

Tell us what you need – a website, photos, video or social – and you get a quote for exactly that.

Get a quote Send an email · kapcsolat@kovacsbalintfoto.hu