Flacons de soin alignés sur une console de plâtre brut, ombres de feuillage

Prototype interactif — CyberScale

Un site vitrine à la hauteur d’une marque de cosmétiques haut de gamme

Direction artistique sur mesure, pages construites une à une, animations tenues. Voici à quoi ressemble le livrable, entièrement navigable.

Explorer

Trois interfaces, une application

Choisissez votre rôle pour explorer le prototype.

Aperçu de l’interface Site vitrine
Site vitrine

Le site de la marque, complet : accueil, collection, fiches soin, diagnostic de peau, journal, points de vente et contact.

  • 9 pages navigables
  • Fiches produit détaillées
  • Formulaires opérationnels
Ouvrir l’interface
Aperçu de l’interface Version mobile
Version mobile

Le même site tel qu’il se comporte sur smartphone, présenté dans un cadre téléphone et pilotable au doigt.

  • Navigation par onglets
  • Fiche soin en feuille montante
  • Diagnostic condensé
Ouvrir l’interface
Aperçu de l’interface Direction artistique
Direction artistique

La charte rendue manipulable : palette, typographies, ambiances alternatives, principes d’animation et grille.

  • 3 ambiances comparables
  • Tokens copiables
  • Animations rejouables
Ouvrir l’interface

Le périmètre

Ce que vous voyez ici est le produit fini

Cette démonstration a été construite avec une marque fictive, ORVÉA, pour montrer le niveau de finition attendu sans présumer de votre univers. Sur votre projet, la marque, les textes et les visuels sont les vôtres, et la direction artistique part de votre vision.

Tout ce qui est cliquable fonctionne. Les données sont fictives et rien n’est enregistré : la démonstration se réinitialise au rechargement de la page.

  • Direction artistique sur mesure

    Palette, typographies, traitement photographique et grammaire d’animation, arrêtés puis appliqués page par page.

  • Site vitrine sur mesure en Next.js

    Pages construites une à une, chargement immédiat, transitions travaillées, aussi juste sur mobile que sur grand écran.

  • Formulaires et mise en scène produit

    Contact, demande d’échantillon, carnet de sélection, diagnostic : chaque parcours est jouable de bout en bout.

  • Référencement de base et mise en ligne

    Titres, métadonnées, structure sémantique, images optimisées, nom de domaine connecté et site publié.

Traitement visuel

Une image de marque tenue sur chaque page

Extrait de la direction artistique du prototype
Extrait de la direction artistique du prototype
Extrait de la direction artistique du prototype
Extrait de la direction artistique du prototype