layvero logo layvero

Portfolio

Projets Selectionnés

Une plongée verticale dans trois terrains de jeu distincts : l'architecture, le produit de proximité, et la mécanique e-commerce. Chaque récit est accompagné de ses contraintes, de ses pivots et de ses résultats tangibles.

La Résidence du Parc Saint-Germain

Transformer l'exclusivité d'une adresse prestigieuse en une expérience digitale sobre. Le défi n'était pas d'afficher du luxe, mais de suggérer le calme d'un hall d'entrée haussmannien via la navigation verticale.

"Layvero a su capturer l'âme du lieu. Le site respire le calme d'une promenade dans le parc."

— Directeur de la Résidence

Le client souhaitait éviter les rendus 3D génériques et les animations lourdes qui alourdissent l'expérience mobile. Notre approche a donc pivoté vers une mise en scène photographique réelle, traitée en contre-jour pour évoquer la lumière parisienne. La structure du menu a été drastiquement simplifiée : nous sommes passés de 7 entrées flottantes à 3 catégories principales, alignées sur le parcours logique d'un futur résident (Visiter -> Connaître -> Contacter).

Le taux de rebond, initialement à 62%, a été ramené à 18% grâce à cette introduction en full-bleed et une vidéo d'ambiance silencieuse (sans son par défaut), respectant ainsi l'usage en environnement de bureau ouvert. Nous avons veillé à éviter un écueil majeur : la surcharge d'animations qui ralentit l'expérience sur mobile (réseau 4G/5G), privilégiant la fluidité à l'effet de mode.

Palette de couleurs naturelles

Système Chromatique

L'Épicerie Fine : Un Système Tactile

Différencier une épicerie de proximité de la grande distribution ne se joue pas sur les prix, mais sur la texture du regard.

Pour ce projet situé dans le 6ème arrondissement, nous avons rejeté les codes couleurs classiques du commerce. La stratégie a reposé sur une recherche des teintes naturelles des produits : terre cuite, vert olive, beige lin. Cette approche permet de ne pas brider l'image du produit, contrairement à un arrière-plan uniforme et agressif.

L'architecture de l'information joue sur une grille asymétrique. L'image du produit respire, le prix est relégué en second plan pour ne pas réduire l'objet à son étiquette. Nous avons défini une notion interne : le Micro-contraste. Il s'agit de l'usage subtil du gras dans les typographies pour guider l'œil, sans agressivité visuelle.

Scène d'usage

Une cliente vérifie la disponibilité d'une huile rare sur son téléphone. L'interface est rapide, sans lourdeur. Elle ne cherche pas un "mode sombre" qui n'existe pas : l'ambiance chaleureuse du magasin doit perdurer, jour et nuit.

Matrice de Performance : Atelier Céramique

Audit factuel d'un site e-commerce pour artisan. L'objectif était technique : vitesse, simplicité de gestion stock, et réduction du parcours d'achat.

Critère Ancien Site Layvero Impact
Vitesse (Mobile) ~3.2s 1.2s Sobriété technique
Taux Conversion 1.8% 4.5% Confiance & UX
Clics vers Paiement 6 clics 3 clics Parcours simplifié
Gestion Stock Complexe (Excel) 1 bouton Admin intuitif

Trade-off : Galerie Statique

  • + Stabilité visuelle : Pas de déclenchement involontaire sur mobile.
  • + Contrôle : L'artisan décide de l'ordre exact des photos.
  • − Moins dynamique qu'un slider (sacrifice accepté pour l'UX).
Interface admin simplifiée
+20% surface bouton
Contraintes Réseaux

Le choix de la galerie statique est dicté par une contrainte dure : le client travaille en atelier avec une connexion 4G instable. Un slider JS risquerait de bloquer l'interaction sur panier.

Données Auditées

Mesures réelles via Lighthouse sur mobile réel (Moto G5). Pas de simulation desktop.

Le Parcours Client : Transformation d'un Formulaire

"Le formulaire ressemble à une conversation, pas à un interrogatoire."

Résultat : +40% devis qualifiés

Un studio de création graphique perdait des prospects car son formulaire de contact initial comportait 12 champs. L'effet psychologique : l'utilisateur fermait la page. La solution Layvero a été de découper le processus en une séquence douce, style wizard progressif.

Chaque étape est validée par une micro-phrase d'encouragement, créant une boucle de récompense dopamine. L'objectif était de dédramatiser la prise de contact pour un créatif indépendant.

  • Principe : Une question par écran.
  • Contrainte : Pas de pré-remplissage automatique (sensation de surveillance).
  • Scénario : Le prospect arrive sur mobile, prend 30 secondes, et repart avec un rendez-vous confirmé.
Parcours Utilisateur Wizard V2
1

Bienvenue & Choix du service

"Bonjour ! Quel est votre projet ?"

2

Détails du brief

3 questions simples.

3

Calendrier & Confirmation

Input Focus: Créneau 14h (Disponible)
Action: Bouton "Confirmer" activé
> C'est parfait, on continue ?

Prêt à démarrer votre projet ?

Discutons de vos contraintes et de la manière dont nous pouvons structurer votre récit digital. Nous privilégions une approche transparente et adaptée à vos enjeux.

Nous contacter Voir notre approche

172 Boulevard Saint-Germain, 75006 Paris, France

+33 1 45 48 55 26 • [email protected]

Lun-Ven: 09:00-18:00