Répondre aux questions du visiteur, dans l'ordre
Sur la fiche produit de L'Atelier Vignoble, l'acheteur veut savoir à quoi l'affiche ressemblera chez lui, quel format choisir et ce qu'il recevra. La page y répond dans cet ordre : cinq photos (encadrée, en gros plan, à plat, roulée dans son tube), le choix du format en deux boutons avec une phrase pour trancher, puis le papier, le dessin fait à l'atelier et l'impression à la commande.
Le panier s'ouvre sur le côté sans quitter la page et applique seul la remise la plus avantageuse. Aucun compte n'est demandé avant de payer : une étape de moins entre l'envie et l'achat. Les autres points qui pèsent sur les ventes sont dans nos cinq leviers du taux de conversion.
Des parcours courts
Au Hameau des Prés-Verts, le visiteur entre ses dates sur l'accueil, le site lui dit quelle maison est libre, puis ouvre la page de réservation déjà remplie. Chaque maison a sa page, avec un tableau qui compare les deux pour aider à choisir, et une vue du ciel place la piscine, le jacuzzi et le parking avec des repères cliquables.
À La Foucaudière, une famille reçoit un seul QR code pour toute sa commande, et l'écran du scanner répond par une couleur que l'équipe lit d'un coup d'œil.
Une interface qui suit l'identité
L'interface reprend la charte de la marque. Le site de KSP83 applique la sienne page par page : fonds noirs, accents violets, grands titres en capitales. Quand une charte existe déjà, comme celle que la graphiste Clara Lemarchand a créée pour La Foucaudière, nous la mettons en page sur le web et dessinons ce qui manque, comme le décor du site et les dessins des colis.
Lisible par tous
Pour KSP83, chaque association de couleurs de la charte a été testée selon les règles d'accessibilité du web (WCAG 2.1 et RGAA, la référence française). Un tableau dit ce qui est permis et ce qui est interdit, pour qu'un texte reste lisible par les personnes qui voient mal, et la police des titres est interdite sous 18 pixels. Lighthouse donne 100 sur 100 en accessibilité aux sites de L'Atelier Vignoble et du Hameau des Prés-Verts.
Vérifié sur tous les formats
Avant la mise en ligne, nous passons chaque page aux formats d'écran courants. Le site de L'Atelier Vignoble a été contrôlé sur huit formats, du petit téléphone à la tablette, avec des titres écrits pour le petit écran et une galerie qui se fait glisser du doigt. À La Foucaudière, trente-six pages ont été vérifiées sur vingt-quatre largeurs d'écran, sans aucun débordement.
Ce que comprend le service
- le parcours de chaque type de visiteur, de l'arrivée à l'action attendue ;
- les maquettes des pages, sur ordinateur et sur téléphone, que vous validez ;
- les éléments d'interface réutilisables : boutons, formulaires, cartes, couleurs et tailles de texte ;
- les textes des boutons et des messages, écrits pour être compris tout de suite ;
- la vérification de l'accessibilité et des formats d'écran.
Nos projets
Étude de cas
L'Atelier Vignoble
Une fiche produit qui répond aux questions, un panier sans compte à créer.
Voir le projet →
Étude de cas
Le Hameau des Prés-Verts
De la date choisie à la page de réservation déjà remplie.
Voir le projet →
Étude de cas
La Foucaudière
Un QR code par famille et un scanner qui répond par une couleur.
Voir le projet →
Étude de cas
KSP83
Des couleurs testées pour rester lisibles par tous.
Voir le projet →Questions fréquentes
Faut-il refaire tout le site pour améliorer l'expérience ? +
Pas toujours. Un diagnostic repère souvent quelques points qui bloquent : un bouton mal placé, un formulaire trop long, une page lente sur téléphone. Les huit signes d'une refonte aident à savoir si le problème vient de la base.
Que reçoit-on à la fin ? +
Des maquettes validées et, si nous développons aussi le site, un site qui leur correspond. L'interface et le code passent entre les mêmes mains.