Concevoir un réflexe nutritionnel, un scan à la fois.
Les propriétaires d'animaux voulaient de la clarté. Les étiquettes n'avaient pas de langage. Pawka avait la science mais aucune expérience unifiée - le scoring semblait opaque, la confiance ne s'obtenait nulle part, et chaque rayon devenait une paralysie décisionnelle.
Périmètre
Un marché que personne n'arrivait à lire.
Les propriétaires d'animaux font face à plus de 200 références par rayon, des listes d'ingrédients qu'on ne peut déchiffrer sans un labo, et des allégations marketing impossibles à vérifier. Pawka comble cet écart en un seul scan.
Les consommateurs subissent une surcharge cognitive dans le rayon. Le fossé d'information rend la prise de décision rationnelle quasi impossible dans les 4 minutes et 20 secondes passées devant le rayon.
Pawka agit comme un assistant nutritionnel. Scannez un produit et l'interface décode sa composition en un score actionnable - personnalisé selon l'espèce, la race, l'âge et le poids de votre animal.
Offrir une expérience lisible et crédible à trois profils d'utilisateurs radicalement différents - de l'expert sceptique au parent pressé qui veut juste un feu vert.
Problème de Design
Comment rendre un contenu nutritionnel complexe instantanément intelligible et actionnable pour une audience diverse - dans une situation d'achat rapide - tout en préservant la rigueur scientifique, l'indépendance totale et une personnalisation significative ?
Le terrain d'abord. Les suppositions ensuite.
12 entretiens semi-directifs, 3 sessions d'observation en magasin, un benchmark concurrentiel. Les données de terrain ont remplacé les suppositions, pas l'inverse. Chaque décision en aval remonte à un résultat précis.
Le score global sur 100 résout le blocage cognitif provoqué par les étiquettes techniques. Un code couleur vert/orange/rouge délivre une réponse visuelle en moins de 3 secondes - aucune lecture requise.
92% - opacité des étiquettes83% des testeurs exigent une source indépendante. L'interface expose les critères de notation, leur pondération et la validation vétérinaire directement depuis la fiche produit - la transparence comme fonctionnalité.
83% - besoin de confiance75% sont en surcharge décisionnelle dans le rayon. La fonction scan isole une fiche claire parmi 200+ références en 3 secondes. L'interface suggère des alternatives mieux notées à proximité.
75% - surcharge en rayonL'onboarding collecte espèce, race, âge et poids. Ces données contextualisent chaque recommandation et génèrent un score spécifique à l'animal à chaque scan - modèle UX de personnalisation Laja (2019).
JTBD - personnalisationLe mode invité autorise 5 scans gratuits par jour sans inscription. La création de compte n'est déclenchée qu'au bon moment - sauvegarder des favoris ou consulter l'historique. La valeur avant l'engagement.
Modèle Nir Eyal (2014)Trois profils. Un produit.
Un persona principal, deux secondaires, deux tertiaires, deux anti-personas - sept profils qui pèsent sur chaque décision de design qui suit.
« Je veux être sûre d'acheter ce qu'il y a de mieux pour mon chien sans tomber dans le greenwashing. »
« Si mon vétérinaire valide, j'achète. Si une appli me dit la même chose simplement, j'écouterai aussi. »
« Si l'appli cache sa méthodologie, je désinstalle en 48 heures. Si elle la montre, je deviens ambassadeur. »
De la découverte à la fidélité.
5 phases, le modèle Gibbons (NN/g, 2018), une émotion notée de −2 (frustration) à +2 (enthousiasme). Chaque point de friction et chaque opportunité de design ci-dessous vient des creux, pas des pics.
Voit un post Instagram sur le greenwashing des aliments pour animaux. Cherche une application de scan de produits pour animaux.
Lit les avis Pawka sur l'App Store. Compare la transparence de la méthodologie avec d'autres applications.
Télécharge l'application. S'inscrit. Crée le profil de son chien - race, âge, poids.
Scanne des croquettes dans le rayon. Lit le score + explication. Compare 2 alternatives disponibles à proximité.
Partage un score produit sur Instagram. S'abonne aux alertes pour les ingrédients controversés.
9 frictions. 3 priorités absolues.
Chaque friction ci-dessous remonte à un creux émotionnel précis sur la carte de parcours ci-dessus. Sévérité de 1 à 5, selon la fréquence et le coût en conversions. Traiter d'abord les blocages. La rétention vient après.
Catastrophique. Exiger un engagement avant de démontrer la valeur détruit la conversion. Solution : mode invité avec 5 scans gratuits par jour.
Majeur. Claire veut une preuve objective, Jean-Luc a besoin d'être rassuré. Solution : échelle couleur + label textuel + lien en un tap vers la méthodologie de notation.
Majeur. Seulement 50% de succès direct aux tests d'utilisabilité, 4,7 clics erronés en moyenne. Solution : bouton persistant « Comment est-ce noté ? » sur chaque fiche produit.
Majeur. Claire est dans un rayon, téléphone en main, doit décider en 2 minutes. Solution : alternatives géofiltrées avec disponibilité locale et distance estimée.
Moyen. Seulement 3 champs obligatoires dans le flux initial (espèce, race, âge). Tout le reste est optionnel et collecté progressivement au fil des sessions.
Moyen. Théo vérifie les critères avant de s'engager. Solution : page FAQ méthodologie publique sur le web. Lien direct depuis la description App Store.
De l'architecture au pixel.
Architecture mobile en étoile. Le scan comme action centrale. Barre de navigation 5 onglets. Deux modes - Invité et Compte - avec conversion progressive vers Premium.
Un contrat entre design et développement.
Méthodologie Atomic Design. Fondations → Atomes → Molécules → Organismes. Un UI Kit structuré réduit le temps de handoff, garantit la cohérence visuelle et documente chaque décision de design au fur et à mesure que le produit évolue.
Grotesque
Boutons, badges, icônes, inputs - tous les états documentés
Carte critère - réutilisable dans l'analyse nutritionnelle et le comparateur
Fiche produit complète, module connexion, cartes d'abonnement
Preuve empirique, pas intuition.
Triangulation méthodologique, 4 méthodes séquentielles, 6 participants - 2 par persona - du premier regard de cinq secondes jusqu'à un différentiel sémantique de 28 mots.
Mesure la première impression. Valide la lisibilité instantanée du score et la compréhension de la proposition de valeur sur 2 écrans critiques.
5 tâches couvrant les parcours critiques. Protocole « Think aloud ». Révèle les modèles mentaux et zones de confusion que les métriques seules ne peuvent détecter.
Questionnaire Likert à 10 items. Score unique de 0 à 100. Comparé aux moyennes sectorielles. Valide l'utilisabilité avant le lancement.
28 paires de mots différentiels sémantiques. Mesure la Qualité Pragmatique, l'Hédonique-Stimulation, l'Hédonique-Identification et l'Attractivité Globale.
des participants ont retenu le score et le code couleur de la fiche produit après 5 secondes. Hypothèse de design principale validée.
score SUS moyen - 68e percentile sectoriel, au-dessus de la moyenne santé/nutrition (68,4). Niveau : « Bon ».
Qualité Pragmatique AttrakDiff - quadrant Self-Oriented : l'application est perçue à la fois comme utile et porteuse d'identité.
« J'ai compris le score immédiatement - c'est exactement comme le Nutri-Score. Orange veut dire pas terrible, je n'aurais pas acheté. »
« J'ai pu explorer sans rien donner. C'est rassurant pour quelqu'un comme moi qui se méfie des applications. »
« Je le mettrais en widget sur mon iPhone pour y accéder rapidement sans même ouvrir l'appli. »
| Tâche | Succès Direct | Assisté | Temps Moyen | Cible | Mauvais Clics |
|---|---|---|---|---|---|
| T1 - Onboarding + animal | Bon résultat : 83% | 17% | 2m 10s | <3min | 2.3 |
| T2 - Scan + lecture du score | Bon résultat : 100% | 0% | 28s | <60s | 0.2 |
| T3 - Méthode de notation | À améliorer : 50% | 33% | 1m 45s | <60s | À améliorer : 4.7 |
| T4 - Favoris + historique | Bon résultat : 83% | 17% | 35s | <60s | 1.1 |
| T5 - Gratuit vs Premium | 67% | 33% | 1m 05s | <60s | 2.8 |
WCAG 2.1 AA dès le premier jour.
Accessibilité intégrée à la conception, pas ajoutée après coup. Corriger un problème d'accessibilité en design coûte 10× moins qu'en développement, et 100× moins qu'après le lancement. Audité avec Stark et A11y Annotation Kit sur 14 critères WCAG 2.1.
Tous les éléments interactifs respectent la cible tactile minimale de 44×44pt (Apple HIG). Le bouton de scan central fait 56×56pt. Espacement minimum de 8pt entre éléments interactifs adjacents pour éviter les tapotements accidentels.
Le contenu de l'interface cible le niveau CECR B1-B2. Les termes techniques sont toujours associés à des explications en langage courant. Le score réduit 200+ références à une décision claire - adressant directement le paradoxe du choix. Un feedback visible constant élimine l'anxiété d'interface.
Le dégradé de score (rouge à vert) est le risque classique de deutéranopie. Atténué par deux décisions de design : un label textuel systématique à chaque niveau de score (Critique, Insuffisant, Acceptable, Bon, Excellent), et des valeurs de luminosité différenciées entre les niveaux de score - pas seulement la teinte.
| Paire de couleurs | Ratio | Texte Normal | Grand Texte | Usage |
|---|---|---|---|---|
| Saddle Brown on Snow | 9.20:1 | AAA | AAA | Texte principal, titres, labels (primaire) |
| Snow on Saddle Brown | 9.20:1 | AAA | AAA | Texte inversé, boutons remplis |
| Saddle Brown on Pale Yellow | 7.36:1 | AAA | AAA | Titres et badges sur fond jaune |
| Saddle Brown on Mint Green | 6.28:1 | AA | AAA | Titres sur fond vert |
| Alert Red on Snow | 4.82:1 | AA | AA | Messages d'erreur, scores critiques |
| Premium Gold on Snow | 3.12:1 | Fail | AA | Icônes et grands textes uniquement |
| Snow on Mint Green | 1.46:1 | Fail | Fail | Jamais utilisé pour le texte - exclu des tokens |
4 trimestres. Objectifs mesurables.
Chaque jalon est ancré dans les données des tests. Traiter d'abord les blocages de conversion. Puis itérer sur la rétention, la croissance et l'expansion internationale - chaque trimestre avec un objectif quantifié.
- Bouton méthode de notation P0
- Essai Premium gratuit 7 jours
- Loaders avec progression + texte
- Test A/B positionnement CTA Premium
- Déploiement iOS / Android
- Comparateur de produits
- Widget iOS / Android
- Mode hors ligne - 50 produits en cache
- Onboarding vidéo
- Modèle de partage Stories
- Multi-espèces (animaux exotiques)
- Marketplace d'alternatives
- Progression gamifiée
- Notifications push géolocalisées
- UK · DE · ES
- API partenaires animaleries
- Adaptation culturelle du code couleur
- Prescription contextualisée
11 - Enseignements Clés
83% des testeurs exigeaient une preuve avant la confiance. La transparence est devenue le produit.
12 entretiens ont dit la même chose avec des mots différents : personne ne fait confiance à une entreprise juge et partie de son propre produit. C'est pour ça que chaque critère de notation reste visible sur la fiche produit, pondération comprise. C'est aussi pour ça que 100% des testeurs se souvenaient encore du score cinq secondes après avoir détourné le regard. Pawka ne mise pas sur le fait d'être aimé. Il mise sur le fait d'être vérifiable - et sur un marché saturé de greenwashing, vérifiable est la seule forme de confiance qui survit à un rayon, un acheteur méfiant, et quatre minutes vingt pour décider.
Plus de projets
Une idée sympa ?
Cette place attend votre success story.
Twiggli
Design produit pour une application mobile de partage familial - aider parents et enfants à rester connectés à travers des souvenirs partagés, des routines et une UX attentionnée.