← Retour à l'accueil

Techniques & fonctionnalités

Un site vitrine pour votre salon, un espace de gestion pour vous. Chaque salon vit sur son adresse — votre-salon.buiiild.com ou votre propre domaine — et se gère seul, sans compétence technique.

01

Socle technique

  • Next.js 15 + React 19

    App Router, Server Components & Server Actions — rendu côté serveur.

  • TypeScript strict

    Chaque ligne de code est vérifiée avant d'être mise en ligne.

  • PostgreSQL + Prisma 6

    Base de données robuste : ORM, migrations, champs JSON.

  • VPS Linux · PM2 · Nginx

    Hébergement dédié, gestion des process, reverse proxy.

  • HTTPS automatique

    Certificat Let's Encrypt émis dès la création du site, renouvelé automatiquement.

  • Polices auto-hébergées

    Aucun appel externe au chargement — performance et fiabilité.

  • Multi-salon par domaine

    Chaque salon vit sur {salon}.buiiild.com ou sur son propre nom de domaine.

02

Design & animation

  • Mise en page « éditoriale »

    Hero plein écran en slider, navigation intégrée, navigation à points.

  • Thème pilotable sans code

    8 palettes, paires de polices, variantes de mise en page, densités.

  • GSAP + ScrollTrigger + SplitText

    Révélations au défilement, textes qui se composent lettre à lettre.

  • Smooth scroll (Lenis)

    Défilement fluide, parallax, profondeur.

  • Three.js / React Three Fiber

    Effets 3D et lumière en WebGL dans le hero.

  • Micro-interactions (Motion)

    Boutons magnétiques, transitions douces, retours au geste.

  • Responsive & double thème

    Mobile, tablette, desktop — thème clair et sombre.

03

Sections du site

  • Hero slider éditable

    Images, surtitres, grands mots — pilotés depuis le back office.

  • À-propos animé

    Texte révélé au défilement + compteurs chiffrés.

  • Prestations & tarifs

    Liste de prix par onglets de catégorie, durées et descriptions.

  • Équipe

    Portraits et biographies.

  • Galerie photo / vidéo

    Vos réalisations, vos lieux, vos gestes.

  • Portfolio filtrable

    Mosaïque filtrée par catégorie : coloration, coupe, balayage…

  • Avant / après

    Curseur de comparaison sur vos transformations.

  • Bandeau de marques

    Logos ou textes défilants des marques travaillées.

  • Avis · promos · cartes cadeaux

    Les retours que vous choisissez, vos offres du moment.

  • Journal / blog

    Pages d'articles indexables par Google.

  • Contact complet

    Formulaire, carte OpenStreetMap, horaires fusionnés, statut ouvert/fermé en direct.

04

SEO & diffusion

  • Données structurées JSON-LD

    Google comprend le salon : type HairSalon, horaires, adresse, tarifs.

  • sitemap.xml + robots.txt

    Indexation propre et maîtrisée.

  • OpenGraph / Twitter

    Aperçus soignés quand le site est partagé.

  • URLs propres

    Des adresses lisibles, durables, sans paramètres obscurs.

05

Application & notifications

  • PWA installable

    Le site s'ajoute à l'écran d'accueil : manifest, service worker, page hors-ligne.

  • Notifications push web

    Web Push / VAPID — prévenez vos clients d'un geste.

  • Accès back office intégré

    Un bouton sur le site, visible du seul propriétaire connecté, ouvre son espace sans ressaisir d'identifiants.

06

Le Studio — votre back office

  • Éditeur section par section

    Textes, images, vidéos — avec aperçu en direct du vrai site.

  • Studio Design

    Palette, typographie, mise en page — aperçus rendus avec les vraies polices.

  • Gestion des médias

    Upload photo/vidéo, glisser-déposer, sélection multiple, images optimisées (Sharp), vidéos transcodées (FFmpeg).

  • Éditeurs dédiés

    Prestations, équipe, galerie, portfolio, avant/après, promotions, cartes cadeaux, horaires, journal, logo.

  • Messagerie & support

    Les messages du formulaire de contact, et des tickets vers notre équipe.

  • Abonnement Stripe

    Paiement, portail client, factures PDF.

  • Inscription en deux clics

    Parcours conversationnel, choix du métier et du modèle, site pré-rempli ou vierge.

  • Confirmation sécurisée

    Code OTP à 6 chiffres + QR code.

  • Création guidée

    Un parcours pas-à-pas après l'inscription.

  • Studio installable

    Le back office aussi est une PWA, sur l'écran d'accueil du gérant.

07

Sécurité & fiabilité

  • Isolation stricte entre salons

    Extension Prisma « par salon » — aucune donnée ne peut fuiter d'un salon à l'autre.

  • Mots de passe & sessions

    Hachage scrypt, sessions serveur opaques, cookies httpOnly.

  • Rate limiting & anti-brute-force

    Débit limité, code de confirmation protégé.

  • Anti-robots

    Cloudflare Turnstile + refus des e-mails jetables.

  • E-mails authentifiés

    SMTP signé (SPF / DKIM / DMARC), double opt-in.

  • Essai gratuit 30 jours

    Anti-triche, indépendant de l'horloge système.

  • Surveillance & sauvegardes

    SSL renouvelé seul, sauvegardes, supervision Uptime Kuma.

Tout cela est déjà dans votre site

30 jours d'essai · sans carte bancaire · sans engagement

Techniques & fonctionnalités — Buiiild