Hookies

FullstackÉtude de cas

Une plateforme événementielle privée pour découvrir, réserver, payer et vivre des expériences premium dans un même parcours.

« Elle a géré le design, le code et la mise en ligne. On n'a eu qu'un seul interlocuteur du début à la fin. »
Julie Tiouririne, Fondatrice de Hookies
Version ordinateur du projet Hookies
01

Le contexte

Hookies réunit une communauté d’étudiants et d’alumni Executive MBA autour d’événements et de week-ends premium.

Le produit devait couvrir tout le parcours : découverte, réservation, paiement, espace membre, reçus, badges, chat et administration, sans fragmenter l’expérience.

02

Mon rôle

J’ai réalisé la plateforme de bout en bout : direction artistique, parcours UX/UI, interface React, API Node.js, paiements et mise en ligne.

DA & UX/UIReactAPI Node.jsMySQLStripeMise en ligne
03

Le processus, étape par étape

1. Comprendre

Cartographier les besoins des membres et de l’équipe : événements, paiement, support et administration.

2. Structurer

Séparer clairement les parcours publics, membres et administrateurs, ainsi que les données accessibles à chacun.

3. Dessiner

Créer un univers premium, bilingue et immédiatement lisible sur ordinateur comme sur mobile.

4. Coder & tester

Développer, sécuriser, tester les flux critiques puis déployer sur un VPS avec une chaîne de maintenance.

04

Les choix visuels

La direction visuelle combine des surfaces sombres, des accents violets et des images immersives pour installer une atmosphère premium sans perdre la lisibilité des actions.

La palette
#11111A
#6D4AFF
#FF6B8B
#F5F2FF
La typographieAa

Titres expressifs et interface sobre pour distinguer l’émotion événementielle des actions métier.

Les composants

Cartes événement, tunnel de réservation, badges, chat, espace membre et cockpit d’administration.

05

Sous le capot

Le frontend React est servi par un backend Node.js qui porte l’authentification, les rôles, les paiements, les e-mails, les uploads et l’administration.

L'architecture
public → membre → réservation → paiement
                     ↓
             espace membre + admin
06

Là où ça a coincé

Le mur 1

Faire cohabiter des données publiques, privées et administratives sans exposer les informations sensibles.

Ma solution

Découpage strict des routes, rôles signés, secrets côté serveur et contrôles d’accès systématiques.

Le mur 2

Garder une expérience simple malgré les réservations, paiements, reçus, badges et conversations.

Ma solution

Un parcours progressif centré sur l’événement, avec des états et retours visuels explicites à chaque étape.

07

Le résultat

Fullstack
FR / ENexpérience bilingue
Liveproduit en ligne

La plateforme fonctionne comme un produit réel : réservation, paiement, communauté, back-office et exploitation serveur sont réunis.

08

Ce que j’en retiens

Hookies m’a appris à penser simultanément l’expérience visible, la logique métier et les contraintes d’exploitation d’un produit en production.

Envie du même genre de projet ?