Tomo Café
Site web bilingue et identité print complète pour un café d'inspiration japonaise.
- Client
- Tomo Café
- Secteur
- Café & restauration
- Année
- 2024–2026
- Pays
- Maroc · Harhoura & Allemagne · Düsseldorf
- Langues
- DE · EN
20
pages de carte
65×95
affiches grand format (cm)
2
langues sur le site
11
catégories en ligne
Un projet global pour la marque Tomo Café : toute la communication imprimée du café de Harhoura — carte de 20 pages, affiches, menus, étiquettes et signalétique — puis le site allemand et anglais du café de Düsseldorf.
01Le défi
Donner au café une identité forte et cohérente sur chaque support — de la carte aux vitrines — puis la prolonger en ligne, avec une carte toujours à jour et une ambiance fidèle au lieu, pour une clientèle locale et internationale.
02Notre solution
En print : une carte de 20 pages, des affiches grand format 65×95 cm et A4, un menu glaces recto-verso, des étiquettes, un présentoir QR menu, la signalétique et les cartes de visite, tous dans l'univers végétal vert de la marque. En ligne : un site Next.js en allemand et en anglais avec hero vidéo, carte de 11 catégories, indicateur « ouvert maintenant » en direct et thème clair ou sombre.
03Le résultat
Les supports imprimés sont en place au café, et le site est en ligne sur tomocafe.de avec un SEO local complet : données structurées, sitemap bilingue, images de partage générées automatiquement.
Fonctionnalités
Ce que nous avons construit
Carte de 20 pages
Mise en page de la carte complète, du petit-déjeuner aux boissons.
Affiches & menus
Affiches 65×95 cm et A4, menu glaces recto-verso, offres du moment.
Étiquettes & signalétique
Étiquettes produits, présentoir QR menu, panneaux et vitrophanie.
Hero & boucles vidéo
Une ouverture plein écran et quatre boucles produits.
Carte complète
11 catégories avec tailles, prix et photos produits.
« Ouvert maintenant »
Statut d'ouverture calculé en direct depuis les horaires.
Mode clair & sombre
Deux thèmes complets, au choix du visiteur.
Galerie Instagram
Grille de 12 photos avec lightbox.
Allemand & anglais
Routage par langue et sitemap avec alternates.
SEO local
Données structurées LocalBusiness et page d'accès.
Accessibilité
Animations désactivées pour qui préfère moins de mouvement.
Stack technique
- Next.js 16
- React 19
- next-intl
- Tailwind CSS 4
- GSAP
- Framer Motion
- next-themes
- Adobe Illustrator
Galerie
Le projet en images
Print & identité
Les supports imprimés
Page complète
La page d'accueil, de haut en bas
Faites défiler à l'intérieur du cadre
Un projet web en tête ?
Parlez-nous de votre application, de votre site ou de votre boutique. Réponse et devis gratuit sous 24 h.