Un design pensé pour convertir. Pas pour le concours de beauté.
Audit du parcours, wireframes, design et intégration Liquid native. Chaque écran se décide contre un objectif de conversion mesuré, jamais contre une tendance.
Figma livré · Liquid natif · Core Web Vitals maintenus
01 - Le problème
Un beau site qui ne convertit pas reste un coût, pas un actif.
Mobile
Le mobile décroche.
Plus de 70 % du trafic, mais un parcours pensé desktop. La fiche produit scrolle sans fin, le panier se perd entre deux écrans.
Hiérarchie
Tout crie en même temps.
Aucune hiérarchie visuelle ne guide l'œil vers l'ajout au panier. Le visiteur arbitre seul, et il part.
Dette
Le thème bricolé.
Surcouches CSS sur un thème tiers, performances en chute, maintenance impossible. Chaque correctif en casse un autre.
Audit. Design. Liquid. Dans cet ordre.
On ne maquette rien avant d'avoir mesuré la friction. On n'intègre rien avant d'avoir validé le design.
Audit UX
Cartographie des frictions par étape : home, collection, fiche produit, checkout. Dix critères Nielsen appliqués au parcours e-commerce.
Design Figma
Wireframes puis maquettes HD desktop et mobile, pensés pour le thème Shopify, pas adaptés depuis un autre contexte.
Intégration Liquid
Design traduit en sections Online Store 2.0 natives. CSS scopé, JS différé. Zéro app tierce, zéro conflit de styles.
03 - MÉTHODE
Brief → Wireframes → Design → Liquid.
J1-2
Brief & audit
Analyse du thème existant, audit UX rapide, identification des priorités. Document de cadrage.
J3-5
Wireframes & validation
Wireframes Figma par page / section. Validation client avant la phase design.
J6-10
Design HD + intégration
Maquettes HD desktop + mobile. Intégration Liquid en parallèle ou après validation design.
J11-12
Tests & livraison
Recette sur staging. Core Web Vitals vérifiés. Handoff Figma + pull request Shopify.
Design validé avant intégration. Pas de livraison surprise.
Des standards mesurés, pas promis.
Standards mesurés sur nos projets 2021-2025. Ordre de grandeur, pas un engagement contractuel hors devis.
QUESTIONS FRÉQUENTES
Questions fréquentes : UX/UI Shopify
-
Oui, à condition que le thème soit Online Store 2.0 compatible (tous les thèmes Shopify depuis 2021 le sont). Nous travaillons avec Dawn, Impulse, Prestige, Impact, et les thèmes custom. Pour les thèmes très anciens (1.0), une migration vers OS 2.0 est souvent recommandée avant de développer des sections custom.
-
Les deux, dans les deux sens. Certains clients ont une équipe dev et veulent seulement le Figma annoté - on s'arrête au handoff. D'autres veulent le tout livré livré complet. On peut aussi faire l'audit UX seul si vous voulez d'abord prioriser avant d'investir dans le design.
-
Non - à condition d'appliquer les bonnes pratiques : CSS scopé BEM (pas de styles globaux), JS différé ou async, images en WebP avec lazy loading, pas de web fonts supplémentaires non nécessaires. On vérifie les Core Web Vitals avant et après chaque livraison. Si le LCP dégrade, on corrige avant de pousser en production.
-
Une section est un bloc de page entier (hero, bannière, grille produit…) placé via le Theme Editor. Un App Block est un widget injectable dans n'importe quelle section existante par le marchand - sans intervention dev. Exemple : un bloc "avis certifiés" injectable dans la fiche produit sans toucher au code de la section. Les deux sont développés en Liquid et configurables depuis l'interface Shopify.
Cadrons votre parcours de conversion.
Décrivez votre page ou votre section. On revient sous 48 h avec un premier cadrage et un devis fixe.