Tomo Café
Bilingual website and a complete print identity for a Japanese-inspired café.
- Client
- Tomo Café
- Industry
- Café & hospitality
- Year
- 2024–2026
- Country
- Morocco · Harhoura & Germany · Düsseldorf
- Languages
- DE · EN
20
menu pages
65×95
large posters (cm)
2
site languages
11
online menu categories
An end-to-end project for the Tomo Café brand: all the printed communication of the Harhoura café — a 20-page menu, posters, menus, labels and signage — then the German and English website of the Düsseldorf café.
01The challenge
Give the café a strong, consistent identity on every medium — from the menu to the windows — then carry it online, with an always-current menu and the feel of the place, for local and international guests.
02Our solution
In print: a 20-page menu, 65×95 cm and A4 posters, a two-sided ice-cream menu, labels, a QR menu stand, signage and business cards, all in the brand's green botanical style. Online: a German and English Next.js site with a video hero, an 11-category menu, a live “open now” indicator and a light or dark theme.
03The outcome
The printed materials are in use at the café, and the site is live at tomocafe.de with full local SEO: structured data, a bilingual sitemap and auto-generated share images.
Features
What we built
20-page menu
The full menu laid out, from breakfast to drinks.
Posters & menus
65×95 cm and A4 posters, a two-sided ice-cream menu, current offers.
Labels & signage
Product labels, QR menu stand, signs and window graphics.
Video hero & loops
A full-screen opening and four product loops.
Full menu
11 categories with sizes, prices and product photos.
“Open now”
Opening status computed live from the opening hours.
Light & dark mode
Two complete themes, the visitor's choice.
Instagram gallery
A 12-photo grid with a lightbox.
German & English
Per-language routing and a sitemap with alternates.
Local SEO
LocalBusiness structured data and a location page.
Accessibility
Animations turned off for visitors who prefer less motion.
Tech stack
- Next.js 16
- React 19
- next-intl
- Tailwind CSS 4
- GSAP
- Framer Motion
- next-themes
- Adobe Illustrator
Gallery
The project in pictures
Print & branding
The printed pieces
Full page
The home page, top to bottom
Scroll inside the frame
Have a web project in mind?
Tell us about your app, website or online store. Reply and free quote within 24 hours.