ÉTUDE DE CAS / PORTFOLIO
D’une maquette
à un univers à vivre.
LOMMA, boutique fictive de mobilier en HTML, CSS et JavaScript.
Le point de départ
Une maquette Figma d’accueil et de contact, centrée sur un fauteuil dont la couleur change. Le défi : prolonger cette direction artistique en une boutique cohérente et un parcours complet.
Voir la maquette de départ ↗Un langage visuel, partout
Inter, bleu nuit, ocre, gris et bois clair. Les espaces généreux de la maquette accompagnent une grille plus dense ; les lignes fines et les angles adoucis relient les nouvelles pages à l’accueil.
#29466DOcre
#D88B32Gris
#858585Sable
#F4F0E9
Avant / après
La collection s’étend à 33 pièces et sept familles. Les faux avis laissent place à des scènes composables, les cartes montrent la finition, et les filtres gardent la recherche au retour d’une fiche.
Pensé pour le pouce et le clavier
Filtres groupés et lisibles, galerie tactile, navigation mobile avec gestion du focus. Les animations restent courtes et s’effacent si l’utilisateur préfère réduire les mouvements.
- Favoris et panier conservés sur l’appareil
- Sélecteur Nym avec fondu après chargement
- Galeries et zoom au clavier
- Images adaptées à la taille de l’écran
- Commande et contact entièrement simulés
Du design au détail
Les images de la maquette sont complétées par des visuels générés pour cette collection fictive. Les galeries sont des interprétations visuelles, pas des photographies de produits fabriqués. Les données des formulaires ne sont ni envoyées ni conservées par le code.
Explorer l’expérience ↗