Moins de clics perdus
Un bouton mal placé, un menu confus, un formulaire trop long : ce sont souvent de petits détails qui font partir les visiteurs. On les repère, on teste des solutions sur prototype, et on garde ce qui marche.
Stage 3Expertise
DesignDesign d’interfaces (UX/UI) pour des sites et des applis faciles à utiliser
Pour faire court
On dessine des interfaces web et mobiles : audit de l’existant, parcours, maquettes et prototypes Figma cliquables (vous testez le site avant qu’il existe), puis une bibliothèque de composants que vos développeurs, ou les nôtres, peuvent réutiliser.
Pour qui
C’est pour vous si…
Vous vous reconnaissez dans une de ces phrases ? On devrait bien s’entendre.
- Vos visiteurs abandonnent en cours de route.
- Votre site ou votre appli est pénible à utiliser sur téléphone.
- Vous préparez un nouveau site et voulez le tester avant de le coder.
- Votre équipe a besoin de règles de design communes.
Pensé pour le téléphone d’abord
Plus de 60 % du trafic arrive sur mobile, alors on commence par là. À la fin, vous récupérez un design system : une bibliothèque de composants qui évite de tout redessiner à chaque nouvelle page.
Méthode
Comment on s’y prend.
- Étape 1
Audit & parcours
On repère ce qui coince et on dessine le chemin idéal.
- Étape 2
Wireframes
La structure des écrans, sans se laisser distraire par les couleurs.
- Étape 3
Maquettes
Couleurs, typos, boutons : l’interface prend forme.
- Étape 4
Prototype Figma
Vous cliquez dedans comme sur un vrai site, avant qu’on code quoi que ce soit.
Nos formulesDeux points de départ
Sélection
du mode.
Deux points de départ. On ajuste toujours après un premier rendez-vous, et chaque devis est fait pour votre projet.
Mode normal
Audit UX & recommandations
- Analyse de vos parcours actuels
- Vérification de l’ergonomie et de l’accessibilité
- Les principaux points de blocage identifiés
- Un rapport avec plus de 20 recommandations, par priorité
Mode légendaire
Design d’interface complet
- Organisation des contenus et des pages
- Wireframes cliquables
- Maquettes finales
- Un design system réutilisable
Sans jargon
Les mots à connaître.
Vous allez les entendre pendant le projet. Voici ce qu’ils veulent dire. Le reste est dans le lexique.
- UX / UIDesign
- L’UX, c’est la facilité d’utilisation d’un site ou d’une appli. L’UI, c’est son apparence : boutons, couleurs, mise en page.
- Maquette & prototypeDesign
- La maquette est une image de votre futur site. Le prototype en est une version cliquable, pour tester avant de développer.
- Design systemDesign
- Une bibliothèque de boutons, de blocs et de règles réutilisables, pour que toutes vos pages restent cohérentes et se construisent plus vite.
Inventaire
Tout l’arsenal Luds.
- Design d’interface
- Design system
- Maquettes mobile d’abord
- Audit ergonomique
- Parcours utilisateur
- Prototypes Figma
- Tests utilisateurs
- Accessibilité (RGAA)
- Refonte d’interface
- Conception sur mesure
LudothèqueProjets du même genre
Dans la même veine.
Vous êtes à Clermont ou dans le coin ? Jetez aussi un œil à notre page création de site internet à Clermont-Ferrand.
FAQ
Foire aux quêtes.
Concevez-vous vraiment en mobile first ?
Oui, toujours. On dessine le téléphone en premier, l’ordinateur suit.
Puis-je tester l’interface avant le développement ?
Oui, avec le prototype Figma. On vous envoie un lien, vous cliquez partout, vous nous dites ce qui vous gêne.
Testez-vous avec de vrais utilisateurs ?
Sur demande. Ça demande un peu plus de budget, mais on en apprend toujours quelque chose.
Quelle différence entre le design et le développement ?
Le design, c’est ce qu’on voit et la façon dont on s’en sert : maquettes, parcours, prototype. Le développement transforme ces maquettes en vrai site ou en vraie appli.
Pouvez-vous améliorer un site ou une appli qui existe déjà ?
Oui. On regarde ce qui gêne vos utilisateurs, puis on propose des améliorations ciblées ou une refonte complète, selon ce qui a le plus de sens.
Que me livrez-vous à la fin ?
Les maquettes, le prototype Figma cliquable et tout ce qu’il faut pour développer : couleurs, typos, composants. Si on développe aussi, on s’en sert directement.
On en parle ?
Quelques lignes suffisent pour démarrer. On revient vers vous pour en discuter, au studio ou par téléphone.