📐
UX Research & wireframes
Tests utilisateurs, heatmaps, personas, parcours. Puis wireframes basse fidélité validés avant de passer aux maquettes.
Figma
Maze
Hotjar
User stories
Service 04
Design qui sert
Design qui sert
le business.
Pas de déco pour la déco. Chaque choix visuel est justifié par un objectif de conversion, d'accessibilité ou d'expérience utilisateur. Figma haute fidélité, intégration pixel-perfect, mobile first.
+240
Projets livrés
20 ans
D'expertise
<1s
LCP moyen
100
Lighthouse
Du wireframe au pixel livré.
On couvre tout le spectre : stratégie, UX, UI, identité visuelle, intégration code. En totalité ou en partie selon votre besoin.
🎨
Maquettes Figma haute fidélité
Desktop + mobile + tablette. Composants nommés, variantes, annotations développeur. Le Figma vous appartient intégralement.
Figma
Auto layout
Variables
Dev mode
🧩
Design system
Tokens de couleur, typographie, spacing, grille, composants réutilisables. Une base cohérente pour tous vos produits digitaux.
Tokens
Storybook
Tailwind
CSS custom props
💻
Intégration HTML/CSS pixel-perfect
CSS moderne (Grid, Flexbox, Custom Properties), sans jQuery inutile, sans framework surdimensionné. Code propre, livré avec le Figma.
HTML5
CSS3
Vanilla JS
GSAP
♿
Accessibilité RGAA 4.1
Contrastes WCAG AA/AAA, navigation clavier complète, ARIA, tests lecteurs d'écran (NVDA, VoiceOver). Conformité RGAA sur demande.
WCAG 2.2
RGAA 4.1
ARIA
NVDA
✏️
Identité visuelle & branding
Logo, charte graphique, palette, typographies, iconographie, déclinaisons print et digital. Du brief au guide de style complet.
Logo
Charte
Illustrator
Brand guide
Philosophie design
Mobile first. Utilisateur d'abord.
On ne décore pas un site — on résout des problèmes de communication et de conversion avec des outils visuels. Chaque choix (couleur, espacement, hiérarchie) a une raison fonctionnelle.
-
Wireframe → Maquette → Proto Validation à chaque étape avant de passer à la suivante. Pas de surprise en fin de projet.
-
Le Figma vous appartient Sources livrées avec chaque projet : fichiers Figma structurés, composants nommés, variables.
-
Code et design parlent la même langue Nos designers utilisent les mêmes tokens que nos développeurs. Zero friction à l'intégration.
-
Pas de stock photos génériques On dirige la direction artistique et recommandons de vraies photos si le budget le permet.
Nos tarifs design
Maquettes Figma (5 écrans)
⏱ 5–7 jours
Site vitrine complet (15 écrans)
⏱ 2–3 semaines
Design system
⏱ 2–4 semaines
Intégration HTML/CSS
⏱ Selon périmètre
Identité visuelle + charte
⏱ 2–3 semaines
Notre méthode design
Du brief au pixel livré.
On ne lance pas Figma avant d'avoir compris vos utilisateurs et vos objectifs de conversion.
💬
01
Brief & benchmark
Objectifs, cible, concurrents, inspirations, contraintes de charte existante.
📐
02
Wireframes
Structure et parcours utilisateur validés avant toute décision esthétique.
🎨
03
Maquettes Figma
Desktop + mobile, composants, variantes. Itérations jusqu'à validation complète.
🖱️
04
Prototype interactif
Prototype cliquable pour valider le parcours et tester avec de vrais utilisateurs.
💻
05
Intégration & livraison
Code HTML/CSS propre ou intégration dans votre CMS. Figma livré avec le projet.
FAQ
Vos questions sur le design
Ce qu'on nous demande avant de démarrer une mission design.
Oui. On peut livrer uniquement les maquettes Figma que vous confiez ensuite à votre développeur ou une autre agence. On peut aussi faire l'intégration HTML/CSS seulement, si vous avez déjà un designer. On s'adapte à votre organisation.
Toutes les itérations raisonnables jusqu'à validation. On ne facture pas au nombre de retours — on préfère prendre le temps de bien comprendre le brief au départ. Ce qui génère des allers-retours infinis, c'est souvent un brief flou : c'est pour ça qu'on commence par une phase de découverte.
Bien sûr. Si vous avez une charte (logo, couleurs, typographies), on l'applique à la lettre ou on l'enrichit si elle est incomplète pour le web (contrastes, tailles, états interactifs). On vous dit honnêtement si la charte existante pose des problèmes d'accessibilité.
Oui. Structure de titres cohérente (H1-H6), hiérarchie visuelle alignée avec la hiérarchie sémantique, temps de chargement anticipé (pas d'images de 4 Mo), textes alternatifs prévus dans les spécifications. Le SEO est intégré dès la conception, pas ajouté après.
Oui, dans la limite du raisonnable pour le web. Micro-animations CSS (hover, transitions, entrées), animations GSAP pour des effets plus complexes, intégration Lottie pour des animations légères. On évite tout ce qui nuit aux performances ou à l'accessibilité (prefers-reduced-motion respecté).
Votre projet design
Un design qui convertit,
Un design qui convertit,
pas juste qui plaît.
Partagez votre projet. On revient sous 48h avec une approche et un devis adapté à votre périmètre.
- Maquettes Figma livrées avec chaque projet
- Fichiers sources — vous restez propriétaire
- Accessibilité RGAA incluse
- Design + intégration possible
Téléphone
+33 1 42 83 27 21