Cas client · Création de site

Hotdog House, une vitrine et une plateforme de commande dans la même page

Trois passionnés de muay thaï, des hot dogs artisanaux, et rien en ligne. Nous avons créé la charte graphique jaune et noir de Hotdog House et développé un site qui montre la maison et permet de commander, sans changer de page.

Charte graphique jaune et noir Commande en ligne Uber Eats et Deliveroo

Ce qui manquait

  • Aucun site : la marque ne se voyait qu'en salle, et restait introuvable pour qui la cherchait en ligne.
  • Des commandes éparpillées entre Uber Eats, Deliveroo et le système du restaurant, sans page qui les rassemble.
  • Un univers de marque - hot dog artisanal et muay thaï - qu'aucun support numérique ne traduisait.
  • Rien qui reprenne la carte affichée en salle : en ligne, le client habitué ne retrouvait aucun de ses repères.

Notre réponse

  • Un site qui fait vitrine et comptoir à la fois - notre métier de création de site pour restaurant.
  • Une charte graphique jaune et noir, tirée des codes déjà en place dans l'établissement.
  • La carte physique du restaurant reprise à l'identique à l'écran, pour une cohérence totale entre la salle et le site.
  • Uber Eats, Deliveroo et le système propre à la maison réunis sur la même page, avec une interface simple et intuitive.
Périmètre

Ce que nous avons pris en charge

De la charte graphique à la mise en place des canaux de commande.

01 Charte graphique jaune et noir
02 Reprise du design de la carte
03 Développement du site complet
04 Intégration des visuels produits
05 Plateforme de commande en ligne
06 Livraison Uber Eats et Deliveroo
Le projet

Regarder la carte et commander au même endroit

Hotdog House est né de la rencontre de trois pratiquants de muay thaï - Kiki, JuJu et Crys - réunis par Greg, leur mentor au Dojo Mirabeau, autour d'une même envie : servir des hot dogs artisanaux dans une ambiance dynamique et chaleureuse. Sur place, tout cela se voit. En ligne, rien n'existait.

La commande, elle, existait déjà, mais éclatée : Uber Eats d'un côté, Deliveroo de l'autre, le système de la maison encore ailleurs. Nous avons donc construit une adresse unique qui tient les deux besoins ensemble - montrer l'enseigne et ses produits, et permettre de commander par n'importe lequel des trois canaux sans quitter la page.

Chapitre 1

Le jaune et le noir de la carte, transposés à l'écran

La charte graphique est partie de ce qui existait déjà en salle : la carte du restaurant. Nous l'avons reprise à l'identique plutôt que d'inventer un habillage parallèle, pour qu'un client habitué reconnaisse en ligne les produits, les noms et la mise en page qu'il a sous les yeux au comptoir.

De cette carte viennent le jaune et le noir qui structurent tout le site : le noir pour les fonds et les photos de produits, le jaune pour les boutons et pour tout ce sur quoi il faut cliquer. La combinaison est franche, à la mesure de l'énergie de la marque, et elle indique sans ambiguïté où se trouve l'action sur chaque écran.

Votre enseigne n'a pas encore de charte graphique ?

Réalisation charte graphique
Chapitre 2

Une vitrine et un comptoir dans la même page

Le site remplit deux fonctions qui vivent d'ordinaire sur deux supports séparés : il présente le lieu, l'équipe et la carte, et il sert en même temps de plateforme de commande. Les pages ont été construites autour de ce double usage, avec des informations claires sur chaque produit et son prix, et une navigation courte qui ne fait jamais reculer le visiteur.

Les photos des hot dogs occupent une large part de l'écran, en haute définition : sur ce type de produit, c'est l'image qui donne envie, pas le paragraphe. L'ensemble a été décliné de l'ordinateur au téléphone, pour rester lisible et commandable quel que soit l'appareil.

Le site Hotdog House affiché sur ordinateur, écran large, tablette et mobile, en jaune et noir
Le site livré, du grand écran au mobile
Chapitre 3

Trois façons de commander, une seule adresse

Hotdog House livrait déjà par Uber Eats et par Deliveroo, et disposait de son propre système de commande. Le site n'en remplace aucun : il les réunit. Les accès à la livraison et à l'emport sont posés dès le haut de page, et le bouton de commande reste dans la navigation sur toutes les pages - la carte comme la présentation de l'équipe - pour que le passage à l'acte soit toujours à portée de clic.

Ce choix évite de reporter sur le visiteur un arbitrage qui ne le concerne pas : il commande par le canal qu'il utilise déjà, sans avoir à chercher lequel est disponible. L'interface a été conçue simple et intuitive pour cela, et le parcours guide naturellement de la découverte des produits jusqu'à la commande.

3canaux de commande réunis
2couleurs, reprises de la carte
Page « Nos Classic » du site Hotdog House présentant les hot dogs Classic, Cheesy et Bacon
La carte des hot dogs classiques
Page du site Hotdog House présentant les hot dogs Homard, Montagnard et Sauce Cheddar
Les créations de la carte
Bandeau d'accueil du site Hotdog House, « Découvrez notre restaurant », sur un fond de hot dogs
Le bandeau d'accueil du site
Page « Qui sommes-nous » du site Hotdog House présentant l'équipe fondatrice
La page de présentation de l'équipe

Un projet de site pour votre restaurant ?

Demander un devis
Le client

Hotdog House, hot dogs artisanaux

Hotdog House combine une passion pour le muay thaï et un goût pour le hot dog artisanal. L'enseigne a été fondée par Kiki, JuJu et Crys, tous pratiquants, réunis par Greg, leur mentor au Dojo Mirabeau. On y déguste des créations maison dans une ambiance dynamique et chaleureuse.

Un projet pour votre établissement ?

Découvrez notre approche du site internet pour restaurant : une vitrine, une carte et un parcours de commande réunis au même endroit.