On fait passer vos idées du rêve à l'écran
L'agence de design qui transforme vos idées en produits clairs, utiles et désirables
Audit UX, recherche utilisateur, wireframes, UI, design system, tests : l'équipe design Lonestone couvre toute la chaîne, du SaaS à l'app mobile.
Une agence de design produit qui place l'utilité au coeur de la démarche.
Lonestone est une agence de design produit basée à Nantes, active partout en France depuis 2014. L’équipe de product designers et de designers UX UI conçoit des interfaces simples qui résolvent un vrai problème et qui s’inscrivent dans les usages sans douleur, qu’il s’agisse d’un SaaS, d’une application mobile, d’un outil métier ou d’un site web.
La mission du product designer : transformer vos intuitions en concepts éprouvés qui trouvent leur place sur le terrain. Recherche utilisateur, audit ergonomique, tests utilisateurs, design d’interface, design system : Lonestone couvre toute la chaîne. Avec en filigrane, une ambition forte : viser le supplément d’âme, le truc en plus qui fera basculer l’utilisateur dans une relation forte avec le produit et la marque.
Pourquoi Lonestone
Ce qui fait la différence d'une agence de design produit
Au-delà du joli écran, on parie sur l'utilité, l'efficience et le travail en équipe. Un designer principal porte la vision, l'équipe entière challenge et enrichit les livrables.
Utilité avant esthétique
Un bon design ne décore pas, il guide. Chaque parti pris visuel sert un objectif business ou utilisateur, jamais l’inverse. On commence par clarifier le problème à résoudre avant de dessiner quoi que ce soit.
Empathie utilisateur
Interviews des parties prenantes, immersion métier, observation terrain : on ne conçoit pas une interface sans avoir compris qui va l’utiliser et pour quoi. C’est ce qui fait la différence entre un produit qui marche et un produit qui se fait réinstaller la semaine suivante.
Efficience plutôt qu'éparpillement
Seul le concept retenu est transformé en prototype testable. Pas de 15 variantes qui dispersent l’équipe et le budget. On itère sur la bonne piste et on reconvoque les tests utilisateurs quand c’est utile.
Équipe plutôt que freelance isolé
Un designer principal porte la vision et centralise les échanges, l’équipe design entière challenge et relit. La diversité des regards renforce le produit final et évite l’effet tunnel.
Design couplé au développement
Les designers travaillent main dans la main avec les développeurs de Lonestone. Les wireframes, composants et design systems sont conçus pour être intégrés proprement, sans écart entre maquette et mise en production.
Montée en charge rapide
Besoin de 2 designers la semaine prochaine ? L’équipe peut monter en charge sans perdre la cohérence, parce que la charte graphique, le design system et la vision produit sont déjà partagés en interne.
Nous avons travaillé avec Lonestone pour une mission UX sur 3 mois. Ils ont cerné notre besoin très rapidement et ont proposé des solutions concrètes que l’on va pouvoir mettre en place dès maintenant au sein de notre équipe et de notre entreprise. L’accompagnement était exemplaire avec de nombreuses préconisations dans les standards du web.
Florian TESSIER · Product owner @ Aesio
Le design au service de l'expérience
Un bon design ne décore pas, il guide. Nous concevons des interfaces qui servent vos objectifs business tout en offrant une expérience mémorable à vos visiteurs.
UX et UI Design
Après avoir identifié et compris vos cibles, nous structurons vos contenus pour guider les visiteurs vers l’information et l’action souhaitées. Navigation intuitive, hiérarchie visuelle claire, parcours de conversion optimisés. Nous pouvons aussi analyser les comportements sur votre site existant ou tester un prototype Figma avec de vrais utilisateurs pour affiner l’interface.
Minimum Viable Brand (MVB)
Si votre marque n’est pas encore définie, nous appliquons les principes de MVB pour créer une identité visuelle cohérente dès le départ. Vous vous concentrez sur l’essentiel (le produit et le site) tout en posant des bases solides pour évoluer ensuite.
Basés à Nantes, actifs partout en France
Une agence de design produit locale, une présence nationale
L'équipe design Lonestone travaille depuis la Halle 6 sur l'île de Nantes, juste au-dessus de La Cantine × French Tech Nantes. Les clients basés à Nantes, Rennes, Paris, Lyon, Bordeaux ou ailleurs en France et en Europe bénéficient du même accompagnement. Les ateliers de co-création, interviews utilisateurs et restitutions se tiennent en visio ou en présentiel selon les préférences du client. L'agence accueille aussi les équipes produit dans ses bureaux pour des sprints de design en immersion.
Hummm ... et concrètement ?
Notre approche opérationnelle
Notre expertise product design se structure en 4 étapes ou blocs, qui peuvent vivre ensemble ou indépendamment.
1. Immersion et exploration
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductVision.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductVision.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Audit UX</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Il permet de s’immerger profondément dans votre métier, votre produit et
d’apporter un regard neuf, expert et challengeant sur son interface.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Gouvernance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Gouvernance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Benchmark</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Une approche détaillée de vos concurrents ou concurrents potentiels pour y
voir clair : positionnement, offre, interface, retours utilisateurs, forces
et faiblesses.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Empathy.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Empathy.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Interviews utilisateurs</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Les interviews utilisateurs ou focus group sont le meilleur moyen de
recueillir un grand nombre de données qualitatives en peu de temps
concernant les besoins utilisateurs.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Signature.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Signature.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Questionnaires quanti</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">L’approche quantitative vient souvent en renfort de l’approche qualitative
pour confirmer ou infirmer des hypothèses avec un panel d’utilisateurs plus
large.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Empathy & Experience map</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Ces outils permettent de rassembler toutes les connaissances disponibles au
sujet de l’utilisateur ou du client, et de formaliser ensuite son parcours
sous forme de mapping.</p> </div> </div>
2. Idéation et génération
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Atelier d'idéation</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Cet atelier collectif regroupant les équipes Lonestone et celles du client
vise à explorer de nouvelles idées et solutions créatives en se basant sur
les besoins utilisateur, les points de douleur identifiés, la vision des
parties prenantes et les objectifs business.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Gouvernance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Gouvernance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Benchmark inspirationnel</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">L’objectif est de s’inspirer en s’ouvrant aux écosystèmes externes pour
identifier des idées innovantes et des bonnes pratiques à intégrer au
projet ou au produit.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductBacklog.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductBacklog.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Tri par cartes</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Cette démarche de co-construction entre l’agence et le client a pour but de
prioriser les idées formalisées plus haut, puis concevoir l’architecture
globale de l’information de l’application web ou mobile.</p> </div> </div>
3. Ergonomie et design
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductRoadmap.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductRoadmap.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">UX : Workflows & parcours</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Cet atelier collectif regroupant les équipes Lonestone et celles du client
vise à explorer de nouvelles idées et solutions créatives en se basant sur
les besoins utilisateur, les points de douleur identifiés, la vision des
parties prenantes et les objectifs business.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductWireframe.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductWireframe.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Wireframes & prototype</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Les wireframes sont des maquettes fonctionnelles en noir et blanc utilisées
pour concevoir la future expérience à partir des enjeux business et besoins
utilisateur identifiés en amont.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductMagic.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductMagic.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">MVB, Direction artistique & UI</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Cette étape pose les bases du travail de design : de quelle charte
graphique partons-nous ? Doit-elle être adaptée pour le web ? Utilise-t-on
un kit UI ou un design sur-mesure ?</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/DeviceDesktop.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/DeviceDesktop.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Design des écrans maîtres</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Les écrans principaux doivent être impérativement formalisés en UI pour
éviter les surprises à l’intégration (accueil, landing pages, écrans
fonctionnels complexes…).</p> </div> </div>
4. Tests & itérations
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">AB testing quali : interviews avec proto</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Le but est de tester deux versions d’un écran pour voir laquelle
fonctionne le mieux. L’approche quali se fait en observant l’utilisateur et
en échangeant avec lui.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">AB testing quanti</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">L’AB quanti permet d’obtenir des chiffres sur un volume consistant
d’utilisateurs. Il implique la mise en prod des 2 versions de l’écran et la
mise en place de traqueurs.</p> </div> </div>
Nos clients nous recommandent
La collaboration avec Lonestone pour la création de la V2 du Kit Métier a été très bonne expérience. Leur équipe motivée et compétente a su comprendre nos besoins et a délivré un outil qui a modernisé la manière dont nous promouvons les métiers de l’industrie. Grâce à leur expertise, nous disposons désormais d’une plateforme conviviale et puissante pour promouvoir les métiers de l’industrie. Lonestone a joué un rôle important dans notre succès, et nous sommes reconnaissants pour leur contribution.
Nous avons travaillé avec Lonestone pour une mission UX sur 3 mois. Ils ont cerné notre besoin très rapidement et ont proposé des solutions concrètes que l’on va pouvoir mettre en place dès maintenant au sein de notre équipe et de notre entreprise. L’accompagnement était exemplaire avec de nombreuses préconisations dans les standards du web.
La collaboration avec les équipes de Lonestone a été exceptionnelle, marquée par leur souci du détail et leur approche professionnelle qui ont abouti à la livraison d’un produit de haute qualité, parfaitement adapté à nos besoins, et à la création d’une interface unique et pédagogique pour nos utilisateurs. Je recommande vivement cette équipe exceptionnelle à toute entreprise cherchant à réussir ses projets de développement.
Excellent partenaire technique pour notre produit, une vraie expertise pour intégrer l’IA et une fiabilité au top.
Je ne peux que vous conseiller cette merveilleuse équipe pour mener à bien vos projets de développement applicatif. Écoute, expertise, force de propositions, délais et budget tenus.
Nos dernières créations design
On discute de votre projet ?
Échange gratuit et sans engagement, directement avec un expert du sujet. Devis sous 48h.
Contacter l'équipe
de Lonestone
de Lonestone
Nos offres
Un accompagnement à chaque étape
De l'exploration à la maintenance, on structure notre accompagnement en offres claires pour répondre à chaque besoin de votre projet.
01.
Shape
On vous accompagne dans la définition et la conception de votre produit.
02.Build
On développe votre produit, on le teste ensemble et on le peaufine en continu.
03.Run
On s'occupe de votre produit : hébergement, mises à jour, corrections et évolutions à la demande.
04.Poc
On développe votre POC pour éprouver rapidement la faisabilité de votre concept.
05.Explore
On vous aide à clarifier votre vision stratégique pour transformer votre intention en positionnement solide.
06.Audit
On analyse votre produit : sa sécurité, son code ou son UX et on vous concocte des recommandations activables et priorisées.
07.Host
On gère votre infrastructure et on assure la stabilité de votre produit.
08.Scale
On renforce votre équipe avec des devs et designers habitués à livrer vite des fonctionnalités utiles.
09.Learn
On forme vos équipes à l'IA générative (LLM, RAG, agents, MCP), au développement web et au product design.
FAQ
Questions fréquentes
<details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Qu'est-ce qu'une agence de design produit ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Une agence de design produit conçoit des interfaces (UX et UI) pour des applications web, des SaaS, des outils métier ou des sites web. Elle intervient en amont du <a href="/metiers/developpement-web" class="md">développement</a> pour comprendre les utilisateurs, structurer les parcours, prototyper les écrans et préparer la mise en production. Lonestone combine design produit, recherche utilisateur et stratégie produit sous un même toit.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Combien coûte une mission de design produit ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Le budget dépend du périmètre : un audit UX démarre aux alentours de 4 000 €, et le design complet d’un produit (recherche, wireframes, UI, prototype testable) commence à partir de 10 000 €. Pour les projets qui enchaînent design et développement, Lonestone propose un <a href="/offres/shape" class="md">cadrage produit</a> qui intègre les deux expertises.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Quelle différence entre UX design et UI design ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">L’UX design structure l’expérience : parcours utilisateur, architecture de l’information, wireframes, tests utilisateurs. L’UI design habille cette structure : couleurs, typographie, composants, animations, design system. Les deux sont indissociables dans les projets Lonestone et portés par les mêmes designers pour garantir la cohérence.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Est-ce que Lonestone fait aussi le branding et l'identité visuelle ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui, sur demande. Lonestone applique l’approche <a href="/blog/minimum-viable-brand" class="md">Minimum Viable Brand (MVB)</a> pour créer une identité visuelle cohérente quand la marque n’est pas encore posée, ou pour faire évoluer une charte existante. L’objectif est de poser des bases solides sans transformer le projet en refonte de marque complète.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Est-ce que l'équipe design travaille avec des clients hors de Nantes ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. L’agence est basée à Nantes mais les designers accompagnent des clients partout en France, en Europe et aux États-Unis. Les ateliers se tiennent en visio (Figma, Miro) avec des points hebdomadaires, et en présentiel à Nantes ou sur site pour les phases clés (kick-off, tests utilisateurs, restitutions).</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Lonestone propose-t-elle un audit UX ou un audit ergonomique de produit existant ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. L’audit UX (ou audit ergonomique) est une prestation à part entière de Lonestone : un product designer expérimenté analyse l’interface existante, identifie les irritants, hiérarchise les recommandations et livre un plan d’action priorisé. La prestation peut s’enchaîner sur une refonte ou rester un livrable autonome. Lonestone propose aussi cet audit dans le cadre de l’<a href="/offres/audit" class="md">offre Audit</a> pour les missions plus courtes.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Lonestone fait-elle du design pour les SaaS et les applications mobiles ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. Le design SaaS et le design d’application mobile sont les deux typologies les plus fréquentes des projets de Lonestone : tableaux de bord, parcours d’onboarding, design systems, écrans complexes pour les outils métier, interfaces mobiles iOS et Android. L’équipe design travaille main dans la main avec les développeurs React Native pour livrer des interfaces fluides à l’intégration.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Comment Lonestone réalise-t-elle des tests utilisateurs ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Lonestone organise des tests utilisateurs à différentes étapes : entretiens en amont pour comprendre les besoins, tests modérés sur prototype Figma pour valider un parcours, AB testing quanti une fois en production. Les sessions se tiennent en visio ou en présentiel selon la cible et donnent lieu à un compte rendu structuré avec recommandations actionnables.</p> </div> </details>
