HollyFork : comment j'ai conçu l'interface d'un SaaS restaurant

Vidéo de présentation conçue et réalisée par mes soins.

Le projet

HollyFork est une plateforme SaaS qui réinvente la gestion de restaurant. Chaque abonnement inclut le matériel fourni — tablette, smartphone, Apple Watch — pour une expérience clé en main.

J'ai conçu et développé l'intégralité du frontend : chaque écran, chaque interaction, chaque pixel. Voici les modules les plus marquants.

Dashboard : tout voir en un coup d'œil

Le centre névralgique du restaurant. J'ai voulu qu'un restaurateur puisse comprendre l'état de son établissement en 3 secondes :

• 4 KPIs avec indicateurs de tendance : taux de remplissage, couverts, food cost, satisfaction
• Graphique CA par catégorie avec courbe d'évolution
• Design dark mode avec palette orange signature

Le défi : rendre des données complexes lisibles instantanément, sans surcharge visuelle.

Plan de salle : le module le plus complexe

Un éditeur de plan de salle développé from scratch :

• Dessin libre : murs, portes, bar — la forme réelle de l'établissement
• Drag-and-drop : tables rondes, carrées, rectangulaires, comptoir
• Collision detection et snap-to-grid

C'est le module qui m'a le plus challengé techniquement — géométrie 2D, gestion d'états complexes, et l'UX devait rester intuitive pour un restaurateur, pas un développeur.

Réservations : timeline intuitive

J'ai conçu le système de réservations comme un calendrier visuel :

• Vue timeline : créneaux en colonnes, tables en lignes, réservations en blocs colorés
• Code couleur : confirmée (vert), en attente (jaune), no-show (rouge)
• Confirmation automatique SMS/email et tracking des no-shows

Planning équipe

Module de planification avec calcul automatique des heures et coûts salariaux. Le drag-and-drop entre créneaux permet de réorganiser la brigade en quelques secondes.

Carte & Food Cost

Chaque recette a un score de food cost avec code couleur vert/orange/rouge. Le restaurateur voit immédiatement quels plats sont les plus rentables et peut ajuster ses prix avec un simulateur intégré.

Stack technique

Statut du projet

HollyFork est un projet de conception UI/UX et de développement frontend réalisé dans le cadre d'un concours. Les écrans et interactions présentés ici sont fonctionnels côté interface, mais la plateforme n'est pas en production. Les données affichées dans les captures sont des données de démonstration.