Étude de cas
Chez Nino
Un site vitrine pour un service de livraison nocturne, conçu par Capo Studio pour démontrer une identité visuelle « néon nocturne » — commande simplifiée à l'extrême, entièrement gérée sur WhatsApp.
Chez Nino, un service de burgers et desserts qui livre Lille jusqu'au bout de la nuit
Pour cette étude de cas, nous avons imaginé une petite équipe de livraison nocturne à Lille & alentours : burgers, plats italiens et desserts maison, préparés chaque soir pour ceux qui ont une envie bien après l'heure du dîner — sans jamais avoir eu de site pour le faire savoir au-delà du bouche-à-oreille et des réseaux sociaux.
Le besoin n'était pas de construire un système de commande en ligne complet, mais de donner une vitrine mémorable à une activité qui vit la nuit — et de transformer chaque visite en message WhatsApp.
Se démarquer du fast-food générique
Le secteur de la livraison nocturne est saturé d'applications au design interchangeable : une identité visuelle forte devient le seul vrai signe distinctif.
Rassurer sur les horaires tardifs
« Livré à 2h du matin » doit se lire en un coup d'œil, sans obliger le visiteur à chercher l'information dans un pied de page.
Commander sans friction, sans compte
Pas besoin d'un panier ni d'un système de paiement en ligne : un bouton WhatsApp direct suffit pour ce volume de commandes.
Clarifier la zone de livraison
Avant de commander tard le soir, le client veut être sûr d'être livré — la zone doit être visible sans avoir à la demander.
Mettre en avant les best-sellers
Face à un menu large, les tags « Best-seller » et « Nouveau » orientent le choix au lieu de laisser un visiteur indécis abandonner.
Être irréprochable sur mobile
Une commande à 1h du matin se fait presque toujours depuis un téléphone, souvent d'une seule main.
Ce que le projet devait accomplir
Six objectifs ont guidé les choix de design et de contenu, du premier écran jusqu'au bouton de commande.
Identité néon nocturne
Fond quasi noir, magenta et cyan fluorescents, lettrage à effet néon — une direction artistique à l'opposé de tous les autres démonstrateurs du portfolio.
Commande 100% WhatsApp
Un bouton flottant et plusieurs appels à l'action ramènent toujours vers une conversation WhatsApp pré-remplie, sans panier ni création de compte.
Menu par catégories
Burgers, plats et desserts maison organisés en catégories claires, chaque plat avec prix, description courte et tag Best-seller ou Nouveau.
Horaires toujours visibles
Un bandeau défilant en continu rappelle les horaires de livraison (20h–3h) sur chaque page, sans jamais quitter l'écran.
Responsive de bout en bout
Navigation, menu et page de commande pensés et testés au même niveau d'exigence sur mobile que sur desktop.
SEO & métadonnées
Métadonnées, sitemap, robots.txt et image Open Graph dédiées à ce projet.
Accueil → menu → à propos → commander
Chaque capture ci-dessous provient directement de l'application en cours d'exécution, pas d'une maquette.
Première impression
« Ouvert quand la ville dort » — le ton est donné dès le premier écran
Un slogan qui flashe en néon, un badge « Livraison 20h – 3h » toujours visible, et directement une mise en avant du best-seller (Cup Nutella-Banane) — pas de texte de présentation à lire avant de comprendre l'offre.
Le visiteur sait en un écran ce qu'il peut commander et jusqu'à quelle heure.
Le menu
Burgers, plats et desserts maison, classés et tagués
Trois catégories (burgers, plats, desserts maison), chaque plat avec sa photo, son prix et un tag « Best-seller » ou « Nouveau » quand il s'applique — pensé pour guider un choix rapide plutôt que pour être lu en entier.
Un visiteur indécis se dirige directement vers ce qui plaît déjà aux autres clients.
À propos
L'histoire de la maison, en quelques lignes seulement
Pas de longue histoire de fondateur : une équipe, une ville, une promesse — de quoi humaniser la marque sans retarder la commande.
Assez de contexte pour rassurer, sans détourner du geste d'achat.
La commande
Un seul chemin : WhatsApp
Numéro affiché, gros bouton « Commander sur WhatsApp », horaires et zone de livraison rappelés juste en dessous, réseaux sociaux en bas de page — tout ce qu'il faut pour passer commande, rien de plus.
Aucune friction : le client commande comme il écrirait à un ami.
Un menu et une commande pensés pour être utilisés en pleine nuit, sur mobile
Une envie à 1h du matin se commande presque toujours depuis un téléphone — l'expérience mobile devait être irréprochable, pas seulement fonctionnelle.
Accueil
Menu
Commander
Ce qui existe déjà sur le projet
Cette solution peut évoluer selon vos besoins
Voici des exemples d'évolutions courantes pour ce type de projet, non incluses dans la démonstration.
Une enseigne lumineuse, pas une carte de restaurant
Fond quasi noir et lettrage néon magenta/cyan — une esthétique d'enseigne de nuit plutôt que de site vitrine chaleureux, pour incarner une activité qui ne vit qu'après la tombée du jour.
Nuit profonde
Fond principal sur tout le site
Magenta néon
Accent principal — CTA, mot-clé du slogan, best-sellers
Cyan néon
Accent secondaire — liens, badges, alternance des prix
Blanc
Texte principal sur fond sombre
Une stack volontairement légère
Un service de livraison qui commande sur WhatsApp n'a pas besoin d'un panier ni d'une base de données pour convertir.
Next.js 16 & React 19
App Router, Server Components par défaut, Turbopack — composants client uniquement pour les animations néon et le bandeau défilant.
Tailwind CSS 4
Design tokens dédiés à l'identité « néon nocturne » : fond quasi noir, dégradés magenta/cyan, aucune référence à une charte diurne.
Framer Motion
Flicker néon sur le slogan, ticker défilant en boucle, micro-interactions au survol des boutons et cartes.
Commande via WhatsApp
Chaque appel à l'action ouvre une conversation WhatsApp pré-remplie (wa.me) — pas de panier, pas de compte client.
Aucun backend
Contenu entièrement statique : pas de Supabase, pas de base de données, pas de paiement en ligne.
Vous êtes restaurateur et voulez une vitrine à votre image ?
Capo Studio conçoit des sites vitrines sur mesure, pensés pour transformer une visite en commande.