Qui arrive ?
Ses besoins, ses mots, ses attentes.
Service / Design UX/UIUne interface qui a du sens
L’évidence
a du design.
Si un visiteur doit chercher comment réserver, il s’en va. On fait en sorte qu’il trouve en deux clics ce qu’il est venu chercher, sur téléphone comme sur ordinateur.
Parlons de votre interface
Observer · Simplifier · DessinerDéfiler ↓
You won’t see good UX.
You’ll feel it.
L’expérience, de bout en boutTrois questions
01 / La personne 02 / Le chemin
03 / L’action
Trois questions
avant de dessiner.
Que cherche-t-elle ?
L’information qu’elle vient chercher, là où elle l’attend.
Que fait-elle ?
Une prochaine étape évidente.
Ce qu’on règleJoli ne veut pas dire
Joli ne veut pas dire
facile à utiliser.
On voit souvent des sites soignés où l’on ne trouve ni les horaires, ni les prix, ni le bouton pour réserver. Le visiteur cherche dix secondes, puis il retourne sur Google et clique sur le concurrent suivant. Vous ne saurez jamais qu’il est passé.
Le design UX/UI règle ce problème avant qu’il vous coûte des clients. L’UX, c’est l’organisation : quelles pages, dans quel ordre, avec quelles informations, et où placer le bouton qui compte. L’UI, c’est l’apparence : les couleurs, la typographie, les photos, tous les détails qui font qu’on reconnaît votre marque au premier coup d’œil.
On travaille les deux ensemble, en commençant par le téléphone : c’est souvent là qu’arrivent la plupart de vos visiteurs. Et on dessine avec vos vrais textes et vos vraies photos, pour que les maquettes ressemblent déjà au site final.
Ce qui est comprisCe que vous
Ce que vous
recevez.
Le périmètre exact est fixé dans le devis. Voici ce qu’un projet de design comprend en général.
Un atelier de cadrage
Vos clients, leurs questions, ce que le site doit leur faire faire. On repart avec une synthèse écrite.
L’arborescence
Le plan du site : chaque page, son rôle, et comment on passe de l’une à l’autre jusqu’au contact.
Les maquettes mobile et ordinateur
Les écrans importants dessinés avec vos contenus, pas avec du faux texte.
Les états importants
Menus ouverts, messages d’erreur, confirmations d’envoi : les détails qu’on oublie et qui rassurent.
Une charte web
Couleurs, typographies, boutons et composants réutilisables, pour que le site reste cohérent dans le temps.
Les fichiers pour le développement
Tout est rangé et annoté pour que le site soit construit sans deviner, par nous ou par quelqu’un d’autre.
C’est pour vous
si…
Votre site est joli, mais les demandes n’arrivent pas, ou pas par le bon canal.
Vous lancez une activité, un lieu ou une offre, et vous voulez un site qui vous ressemble dès le premier jour.
Votre équipe ou vos clients utilisent un outil en ligne à contrecœur, parce qu’on s’y perd.
Le déroulé & les livrablesDe l’idée
De l’idée
à l’interface.
Quatre étapes concrètes. À chacune, on sait ce qu’on décide et ce que l’on reçoit.
- 01Synthèse des besoins
Comprendre
Publics, objectifs et points de friction : on part des usages réels.
- 02Parcours & structure
Organiser
On dessine l’arborescence et les chemins vers les actions importantes.
- 03Maquettes UX/UI
Dessiner
Les écrans prennent forme et se vérifient sur mobile et ordinateur.
- 04Fichiers & passation
Transmettre
On documente les composants, les états et les décisions pour l’intégration.
Design & développementUn beau fichier.
Un beau fichier.
Et surtout une base utile.
Les écrans incluent les cas importants : navigation, actions, retours et adaptation aux formats convenus. Les personnes qui développent savent exactement quoi construire.
Dans nos réalisationsL’Auberge de Vandœuvres,
L’Auberge de Vandœuvres,
réserver en un clic.
La salle en plein écran, une typographie qui a du caractère, et le bouton « Réserver » visible dès l’arrivée, sur ordinateur comme sur téléphone.
Voir l’étude de cas ↗Avant de commencerOn répond
On répond
à vos questions.
UX et UI, quelle différence ?
L’UX organise le parcours et facilite les actions. L’UI lui donne une forme visuelle cohérente : typographie, couleurs, composants et détails d’interaction.
Peut-on partir d’un site existant ?
Oui. On peut examiner les pages actuelles, repérer les passages qui freinent les visiteurs, puis retravailler seulement les pages prioritaires.
Qu’est-ce que je reçois à la fin ?
Le périmètre se fixe au devis. Il peut comprendre l’arborescence, les parcours, les maquettes mobile et ordinateur, les états importants et les fichiers nécessaires aux développeurs.
Je peux faire développer les maquettes par quelqu’un d’autre ?
Oui. On prépare les fichiers pour qu’un autre développeur puisse s’en servir sans deviner : composants, états, espacements et comportements sont documentés.
Faut-il déjà avoir un logo et une charte ?
Non. Si vous en avez, on part de là. Sinon, on définit avec vous les couleurs, les typographies et le ton du site. Pour un logo complet, on en parle au moment du devis.
Votre projetDonnons forme
Parler de mon projet