Command Palette

Search for a command to run...

HollyFork

Plateforme SaaS tout-en-un de gestion de restaurant — commandes, réservations, stocks, analytics, planning équipe — avec matériel fourni (tablette, smartphone, Apple Watch).

  • Next.js
  • React
  • TypeScript
  • SwiftUI
  • Python
  • SaaS
  • Restaurant Tech
  • iOS
  • Apple Watch
  • Vercel
  • Cybersécurité

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

Contexte

HollyFork est une plateforme SaaS ambitieuse qui réinvente la gestion de restaurant. Le projet va au-delà du logiciel : chaque abonnement inclut le matériel fourni — tablette en salle, smartphone et Apple Watch pour le chef et l'équipe — pour une expérience clé en main.

Le constat : les restaurateurs jonglent entre tableurs, cahiers papier, appels fournisseurs et outils déconnectés. HollyFork centralise tout dans un écosystème unifié, du tableau de bord à la montre du chef en passant par la tablette en salle.

Ce projet est en compétition pour tenter de décrocher la 1ère place dans un concours.

Ce que j'ai construit

J'ai conçu et développé l'intégralité du frontend de la plateforme — chaque écran, chaque interaction, chaque pixel. Voici le détail de chaque module.

Dashboard

Dashboard HollyFork

Le tableau de bord est le centre névralgique du restaurant. J'ai conçu une interface qui donne au restaurateur une vision complète en un coup d'œil :

  • 4 KPIs principaux : taux de remplissage (74%), couverts servis (1 890), food cost (28.5%), satisfaction client (4.3/5) — chacun avec son indicateur de tendance.
  • Graphique CA par catégorie : courbe d'évolution avec ventilation plats/boissons/entrées.
  • Carte de localisation : géolocalisation de l'établissement avec métriques intégrées.
  • Design dark mode avec palette orange signature, données lisibles instantanément.

Plan de salle interactif

Éditeur de salle

Un éditeur de plan de salle complet que j'ai développé from scratch :

  • Dessin de la salle : murs, portes, bar — le restaurateur dessine la forme réelle de son établissement.
  • Placement des tables : drag-and-drop avec formes variées (rondes 2-8p, carrées 2-6p, rectangulaires 4-8p, comptoir).
  • Panneau de propriétés : label, nombre de places, dimensions, rotation pour chaque table.
  • L'outil le plus complexe du projet — géométrie, collision detection, snap-to-grid.

Réservations

Système de réservations

Système de réservations sur timeline que j'ai conçu pour être aussi intuitif qu'un calendrier :

  • Vue timeline : créneaux horaires en colonnes, tables en lignes, réservations en blocs colorés.
  • Code couleur par statut : confirmée (vert), en attente (jaune), no-show (rouge), annulée (gris).
  • Informations rapides : nom, nombre de couverts, heure, table — visibles directement sur le bloc.
  • Filtres : midi/soir, aujourd'hui/semaine, nombre de couverts, statut.
  • Confirmation automatique SMS/email, rappels, tracking des no-shows.

Planning équipe

Planning de la brigade

Module de planification de la brigade complet :

  • Vue hebdomadaire : chaque employé sur une ligne, jours en colonnes avec créneaux matin/midi/soir.
  • Profils employés : rôle (serveur, barman, cuisine), contrat (26h, 35h), taux de présence.
  • Affectation visuelle : pastilles colorées par employé, drag-and-drop entre créneaux.
  • Calcul automatique : heures travaillées, coût salarial par jour et total hebdo, respect des contrats.
  • Gestion des remplaçants et détection des conflits horaires.

Carte & Food Cost

Carte du restaurant

Vue opérationnelle des recettes

Gestion complète de la carte avec calcul de rentabilité :

  • Vue carte : toutes les recettes organisées par catégorie (entrées, plats, desserts, boissons) avec score de food cost.
  • Vue opérationnelle : détail des ingrédients avec quantités, fournisseurs, prix et alertes de stock.
  • Scoring visuel : code couleur vert/orange/rouge selon la marge — les recettes les plus rentables se voient immédiatement.

Détail recette

Détail d'une recette

Fiche recette détaillée avec simulateur de prix intégré :

  • Ingrédients : quantités, fournisseurs, prix unitaire et total par portion.
  • Répartition des coûts : barre de visualisation montrant le poids de chaque ingrédient.
  • Simulateur de prix : ajustement du prix de vente avec calcul instantané du food cost et de la marge.
  • Allergènes : tracking automatique (gluten, lait, œufs...).
  • Actions : modifier, dupliquer, désactiver, supprimer.

Géolocalisation

Carte de l'établissement

Vue cartographique de l'établissement avec KPIs intégrés :

  • Carte interactive avec pin de localisation.
  • Métriques superposées : CA mensuel, couverts, remplissage, satisfaction.
  • Lien direct Google Maps, coordonnées et capacité.

Paramètres & Facturation

Paramètres

Espace d'administration complet :

  • Gestion multi-établissements, employés, rôles et accès.
  • Facturation : historique des transactions, moyens de paiement, changement de forfait.
  • Notifications et paramètres du compte.

Matériel fourni

Ce qui rend HollyFork unique : chaque abonnement inclut le matériel physique :

  • Tablette en salle : prise de commande, plan de salle en temps réel, gestion des réservations.
  • Smartphone : accès mobile à tous les modules, notifications push.
  • Apple Watch : alertes de rupture de stock en plein service, notifications de réservations.

Le matériel est préconfiguré et prêt à l'emploi — le restaurateur est opérationnel en 48h.

Stack technique

CoucheTechnologies
Frontend WebNext.js, React, TypeScript, Tailwind CSS
Application mobileSwiftUI (iOS natif)
BackendPython
CybersécuritéChiffrement avancé, hébergement France, serveurs certifiés
DéploiementVercel
PlateformesMac, iPhone, iPad, Apple Watch
DesignFigma, typographie Outfit + Playfair Display

Mon rôle

  • Frontend complet : conception et développement de l'intégralité de l'interface web — dashboard, plan de salle, réservations, planning, carte, food cost, paramètres.
  • Application SwiftUI : développement de l'app iOS native pour iPhone et Apple Watch.
  • Backend Python : contribution au backend pour certains modules.
  • Landing page : page d'acquisition conversion-first en Next.js (hero, features, comparateur, pricing, FAQ).
  • UX/UI Design : design de chaque écran, système de composants, dark mode, palette orange signature.

Note : la couche cybersécurité avancée a été gérée par un autre membre de l'équipe.

Statut du projet

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

CV