01 / 11
Application Web Fullstack

Zst Beauty Center

Beauté & Bien-être · Cotonou, Bénin

Plateforme complète de réservation en ligne, boutique e-commerce et gestion de salon de beauté

Projet Portfolio - Développement Web

Scroll
02 / 11
Le Concept

Un salon de beauté
dans votre poche

ZST Beauty Center digitalise l'expérience d'un salon de beauté à Cotonou - de la découverte des services à la réservation, en passant par l'achat de produits et la gestion interne.

Réservation intelligente

Calendrier interactif avec créneaux disponibles en temps réel. Le client choisit son service, sa date, et réserve en 5 étapes via WhatsApp.

Boutique en ligne

Catalogue de produits de beauté avec panier, commande multi-étapes et livraison à Cotonou. Paiement mobile money intégré.

Espace administration

Dashboard complet pour la gérante : gestion des employés, planning, caisse, statistiques et suivi des rendez-vous.

Espace client

Profil client avec historique des rendez-vous, favoris et commandes passées. Système d'authentification sécurisé.

03 / 11
Palette de couleurs

Élégance minimaliste

Une palette sobre et luxueuse - blanc dominant, gris charbon en accent, noir profond. Le choix du minimalisme pour refléter l'élégance du salon.

#FFFFFF
Blanc pur
Fond principal · Pureté, propreté
#F9F9F9
Blanc cassé
Arrière-plans · Sections alternées
#4A4D50
Gris Charbon
Accent principal · Boutons, icônes
#1A1A1A
Noir profond
Titres, footer, dégradés
Gradient Primary
Hero Overlay
04 / 11
Typographie

Trois polices,
trois personnalités

Poppins Google Fonts · Titres & Headings

Services Premium
Beauté & Bien-être

300 Light 400 Regular 500 Medium 600 SemiBold 700 Bold
Open Sans Google Fonts · Corps & Paragraphes

Un centre de beauté et bien-être à Cotonou. Découvrez nos services de coiffure, soins du corps et du visage dans un cadre élégant et relaxant.

300 Light 400 Regular 500 Medium 600 SemiBold
Playball Google Fonts · Logo & Accents

Zst Beauty

400 Regular (cursive)
05 / 11
Fonctionnalités

Tout ce qu'il faut
pour un salon digital

Réservation en ligne

Wizard 5 étapes : service → prestation → date → heure → confirmation WhatsApp

Boutique e-commerce

Catalogue de produits, panier, tunnel de commande et paiement mobile money

Dashboard administrateur

Statistiques, gestion des employés, planning, suivi des rendez-vous et des revenus

Système de caisse

Gestion complète des paiements, fiches de paie et suivi financier du salon

Authentification sécurisée

Login/register, rôles (client, employé, admin), espace profil personnalisé

Module de recrutement

Formulaire de candidature intégré avec upload de CV et lettre de motivation

06 / 11
Réservation

Un rendez-vous
en 5 étapes

Un wizard intuitif guide le client de la sélection du service jusqu'à la confirmation par WhatsApp. Calendrier temps réel avec disponibilités.

1

Service

Coiffure, corps, visage ou ongles

2

Prestation

Choix détaillé de la prestation

3

Date

Calendrier avec créneaux libres

4

Heure

Sélection du créneau horaire

5

Confirmation

Envoi automatique WhatsApp

Disponibilités en temps réel
Ajout multi-services
Confirmation WhatsApp
Calendrier interactif
07 / 11
E-commerce

Une boutique beauté
intégrée au salon

Vente de produits capillaires, cosmétiques et soins - avec un tunnel de commande en 5 étapes et livraison locale à Cotonou.

Catalogue produits

Pages dédiées avec photos, descriptions et prix en FCFA

Panier dynamique

Ajout / suppression de produits, compteur dans la navbar

Livraison locale

Domicile, coursier ou retrait au salon - livraison gratuite à Cotonou

Paiement mobile

Moov Money, MTN Money, carte bancaire ou paiement à la livraison

08 / 11
Espace Administration

Le salon piloté
depuis un dashboard

Interface complète pour la gérante : tout ce qu'il faut pour gérer le quotidien du salon depuis un seul écran.

Dashboard

Vue d'ensemble : RDV du jour, chiffre d'affaires, alertes

Employés

CRUD complet, attribution de services et plannings

Planning

Vue calendrier des rendez-vous par employé et par jour

Caisse

Enregistrement des paiements, historique des transactions

Fiches de paie

Génération PDF des bulletins de salaire employés

Services

Gestion des catégories, prestations et tarifs

09 / 11
Design Responsive

Mobile First,
toujours élégant

Conçu d'abord pour mobile, puis adapté tablette et desktop. Trois breakpoints pensés pour une expérience fluide sur tous les écrans.

Mobile

Tablette

Desktop

< 700px
Mobile
700 - 1000px
Tablette
> 1000px
Desktop
10 / 11
Stack Technique

Les technologies
derrière l'app

Une architecture Symfony moderne avec Twig, Doctrine ORM et un front-end en CSS/JS vanilla - sans framework JS.

Symfony 7
Backend
Twig
Templates
Doctrine
ORM / MySQL
CSS3
Styles / Responsive
Vanilla JS
Interactivité
PHP 8.2
Langage serveur
Docker
Environnement
Font Awesome
Icônes
Google Fonts
Typographies
WhatsApp API
Confirmations
11 / 11
Conçu et développé par

Ilona Capo

Développeuse Web Fullstack

Zst Beauty Center - Application web complète
Symfony 7 · PHP 8 · Twig · Doctrine · MySQL · CSS3 · Vanilla JS

© 2026