Beer & Potes — Site vitrine - Noémie Jousseaume

Objectif

Comprendre les premiers usages

Analyser les données de consultation afin d’identifier la manière dont les visiteurs utilisent le site et les appareils privilégiés.

Méthode

Analyser les données Analytics

J’ai suivi les utilisateurs, les sessions, les pages vues, le taux de rebond, la durée des sessions et la répartition des appareils utilisés.

Enseignements clés

Identifier une utilisation principalement mobile

Les premiers relevés comptabilisent 33 utilisateurs, 68 sessions et 516 pages vues. Le mobile représente 70,6 % des consultations, contre environ 26,5 % pour le desktop.

La consultation est également assez approfondie avec 7,59 pages par session et une durée moyenne de session de 12 min 42 s, pour un taux de rebond de 42,65 %.

Décisions prises

Prioriser l’expérience mobile

Accorder une attention particulière à la navigation sur smartphone, à la lisibilité des informations pratiques et à l’accès rapide aux événements et aux contenus essentiels.

Objectif

Faciliter la venue sur place

Permettre aux utilisateurs de retrouver immédiatement les informations nécessaires pour contacter ou rejoindre Beer & Potes.

Méthode

Regrouper les informations essentielles

J’ai créé un espace réunissant l’adresse, les numéros de téléphone, les horaires d’ouverture, la carte Google Maps et les informations d’accès.

Enseignements clés

Adapter l’information à un usage mobile

Les informations pratiques sont souvent consultées juste avant une visite. Elles doivent donc être particulièrement lisibles et faciles à retrouver sur smartphone.

Décisions prises

Rendre chaque information directement accessible

Présenter clairement Adresse, Horaires, Téléphone et Accès, tout en conservant la carte géographique dans les versions desktop et mobile.

Objectif

Valoriser la programmation

Donner davantage de visibilité aux concerts, karaokés et différentes animations organisées par Beer & Potes.

Méthode

Centraliser les événements

J’ai conçu une page dédiée réunissant les prochaines soirées, les affiches promotionnelles, un agenda hebdomadaire et une vue calendrier.

Enseignements clés

Rendre la programmation immédiatement compréhensible

Une simple liste d’événements ne suffisait pas à transmettre la dynamique du lieu. Les visiteurs devaient pouvoir identifier rapidement les prochaines animations et leurs dates.

Décisions prises

Combiner promotion et planification

Associer des visuels événementiels attractifs à un calendrier permettant d’explorer la programmation par jour, semaine ou mois.

Objectif

Faciliter l’accès aux contenus

Organiser le site pour permettre aux visiteurs de trouver rapidement la carte, les événements et les informations pratiques.

Méthode

Simplifier les parcours

J’ai structuré le menu principal autour de quelques entrées essentielles et organisé la homepage pour rendre les contenus prioritaires accessibles dès l’arrivée sur le site.

Enseignements clés

Réduire les recherches inutiles

Les principaux besoins des visiteurs sont simples : découvrir l’établissement, consulter les boissons et tapas, connaître la programmation ou préparer leur venue.

Décisions prises

Créer une navigation courte et directe

Construire un parcours depuis l’accueil vers trois accès majeurs : Carte, Événements et Contact, avec des appels à l’action visibles sur desktop comme sur mobile.

Objectif

Créer une identité digitale cohérente

Transposer l’univers convivial et graphique de Beer & Potes dans un site capable de présenter le lieu, ses activités et son ambiance.

Méthode

Concevoir puis intégrer les interfaces

J’ai travaillé l’organisation des contenus, les composants visuels et les différentes pages avant leur intégration sous WordPress, en veillant à conserver une cohérence entre les versions desktop et mobile.

Enseignements clés

Faire de l’univers du lieu un élément central

Les visuels, les couleurs sombres et les accents orangés participent fortement à l’identité de Beer & Potes. Le site devait conserver cette personnalité tout en restant lisible et simple à parcourir.

Décisions prises

Associer immersion et simplicité

Mettre en avant l’identité du bar dès la page d’accueil, utiliser des sections visuelles pour présenter les activités et conserver des accès directs vers la carte, les événements et le contact.

Objectif

Analyser les solutions existantes

Comprendre comment les Travel Planners organisent aujourd’hui leurs voyages et identifier les forces, les limites et les opportunités de différenciation pour TripTales.

Méthode

Comparer les outils et le marché

J’ai étudié plusieurs solutions utilisées ou susceptibles d’être utilisées par les Travel Planners : Notion et Excel, Google Docs associé à WhatsApp, Axonaut ainsi que les solutions spécialisées du secteur. Je les ai comparées selon leur spécialisation métier, la gestion des documents, les échanges avec les clients, la validation des étapes et la simplicité d’utilisation.

Enseignements clés

Identifier un besoin encore peu couvert

Les outils généralistes permettent de stocker des informations ou de communiquer, mais ils obligent les utilisateurs à multiplier les supports. Les CRM sont plus structurés, mais souvent trop complexes et peu adaptés à la création d’une expérience de voyage collaborative. Il reste donc une place pour une solution simple, centralisée et conçue spécifiquement pour les Travel Planners.

Décisions prises

Construire une offre spécialisée

Positionner TripTales comme une plateforme dédiée à la relation entre le Travel Planner et son client, avec des documents contextualisés, des échanges centralisés, une validation interactive et une interface simple. Le produit doit se différencier par son approche métier, sans chercher à remplacer un CRM complet.

Objectif

Mesurer les interactions importantes

Préparer la collecte des données permettant d’évaluer l’utilisation de la nouvelle page et les performances des optimisations.

Méthode

Structurer les événements de suivi

J’ai défini les catégories, actions et libellés associés aux clics sur les destinations, la vidéo, le chatbot, l’appel à un agent, les témoignages et le formulaire.

Enseignements clés

Suivre l’ensemble du parcours de conversion

La mesure ne devait pas se limiter à l’envoi du formulaire, mais couvrir les interactions qui précèdent la conversion et les éventuels abandons.

Décisions prises

Relier chaque hypothèse à un indicateur

Suivre les ouvertures du chatbot, les appels, les lectures de vidéo, les clics sur les CTA, les demandes de devis et les abandons de formulaire.

Objectif

Valider les améliorations par la donnée

Comparer les nouvelles propositions à la version existante afin de vérifier leur influence sur l’engagement et la conversion.

Méthode

Définir des variantes comparables

J’ai élaboré des tests portant sur la navigation mobile, l’affichage des prix, l’assistance, les témoignages et la position de la vidéo.

Enseignements clés

Mesurer chaque évolution séparément

Les modifications devaient être testées avec des durées et des indicateurs adaptés afin d’identifier précisément les éléments ayant un impact positif.

Décisions prises

Planifier cinq expérimentations

Comparer les versions sur des périodes de trois à quatre semaines en suivant notamment le taux de conversion, le rebond et l’engagement avec les nouvelles fonctionnalités.

Objectif

Réduire les frictions sur mobile

Proposer une expérience plus lisible et plus rapide sur l’appareil présentant le taux de rebond le plus élevé.

Méthode

Prioriser les contenus essentiels

J’ai réorganisé les sections dans un format vertical, simplifié la navigation et rapproché les contenus inspirants des informations et actions prioritaires.

Enseignements clés

Limiter la surcharge et les recherches inutiles

Sur mobile, l’accumulation de contenus et le manque de repères compliquaient l’accès aux prix, aux destinations et aux outils de préparation.

Décisions prises

Créer un parcours mobile plus direct

Mettre en avant une destination à la fois, améliorer la visibilité des boutons et rendre l’assistance accessible sans interrompre la navigation.

Objectif

Clarifier le parcours principal

Repenser la hiérarchie de la page afin d’aider les visiteurs à découvrir une destination puis à engager une action concrète.

Méthode

Traduire les recommandations en interface

J’ai conçu un wireframe desktop intégrant un hero vidéo, des destinations mises en avant, des prix visibles, une assistance et des appels à l’action plus explicites.

Enseignements clés

Conserver l’inspiration tout en guidant l’action

Les contenus visuels généraient déjà de l’intérêt. Ils devaient cependant être accompagnés d’informations pratiques et de solutions permettant de poursuivre le parcours.

Décisions prises

Rapprocher inspiration et conversion

Associer les destinations à des prix estimatifs, intégrer un accès à un agent et structurer la page autour d’actions clairement identifiables.

Objectif

Transformer le diagnostic en solutions

Définir des évolutions concrètes capables de réduire le rebond, renforcer la confiance et augmenter le nombre de prospects.

Méthode

Formuler des hypothèses mesurables

J’ai associé chaque difficulté identifiée à une proposition d’amélioration, à des actions concrètes et à des indicateurs de performance.

Enseignements clés

Cibler cinq leviers prioritaires

Les améliorations principales concernaient l’interface mobile, la transparence des prix, l’assistance immédiate, la visibilité des témoignages et l’immersion visuelle.

Décisions prises

Construire une expérience plus engageante

Réorganiser les sections sur mobile, afficher des prix estimatifs, ajouter une demande de devis, intégrer une assistance et placer une vidéo immersive dans le hero.

Objectif

Comprendre les attentes des voyageurs

Identifier les informations et les fonctionnalités recherchées par les visiteurs lorsqu’ils préparent un voyage au Japon.

Méthode

Analyser les retours utilisateurs

J’ai regroupé les remarques concernant les prix, les itinéraires, les activités, les frais supplémentaires, le moteur de recherche et les besoins d’accompagnement.

Enseignements clés

Associer inspiration et passage à l’action

Les visiteurs étaient attirés par les photographies et les destinations, mais manquaient d’informations concrètes pour poursuivre leur parcours et organiser leur voyage.

Décisions prises

Apporter des réponses directement sur la page

Afficher les prix estimatifs, faciliter la demande de devis et proposer des solutions d’assistance adaptées aux besoins de planification.

Objectif

Comprendre les performances actuelles

Mesurer l’efficacité de la page d’accueil et identifier les appareils, contenus et parcours présentant les plus grandes difficultés.

Méthode

Croiser les données quantitatives

J’ai analysé les visiteurs uniques, les taux de conversion, les taux de rebond ainsi que les interactions avec les principales sections de la page.

Enseignements clés

Identifier une forte difficulté sur mobile

Le taux de conversion global atteignait seulement 0,17 %. Sur mobile, il descendait à 0,10 %, tandis que le taux de rebond atteignait 63 %.

Décisions prises

Prioriser l’expérience mobile

Concentrer les améliorations sur la navigation mobile, la lisibilité des contenus et l’accès immédiat aux actions permettant de préparer ou demander un voyage.

Objectif

Évaluer la qualité de l’expérience

Identifier les problèmes d’utilisabilité susceptibles de gêner la navigation, la recherche d’informations et la préparation d’un voyage.

Méthode

Analyser l’interface avec un référentiel reconnu

J’ai étudié la page d’accueil selon les dix heuristiques de Nielsen, puis rapproché les constats des retours clients et des données issues de Google Analytics.

Enseignements clés

Faire ressortir les principaux irritants

Les utilisateurs manquaient de visibilité sur leurs actions, rencontraient des difficultés avec le moteur de recherche et ne trouvaient pas facilement les prix ou l’outil de préparation d’itinéraire.

Décisions prises

Améliorer la clarté et l’accompagnement

Rendre les actions plus visibles, simplifier les parcours, clarifier les messages et proposer une assistance accessible pendant la préparation du voyage.

Objectif

Définir les priorités stratégiques

Synthétiser le marché, le positionnement, les objectifs, les indicateurs de performance et les principaux risques du projet.

Méthode

Structurer la stratégie autour de quatre piliers

J’ai organisé la stratégie produit autour de l’acquisition, de l’engagement, de la monétisation et de l’expansion, avec des objectifs et des indicateurs associés.

Enseignements clés

S’appuyer sur l’IA et la communauté

Sonora peut se différencier des plateformes existantes grâce à une découverte pilotée par l’IA, des interactions sociales natives et des outils conçus pour les créateurs.

Décisions prises

Piloter la croissance avec des objectifs mesurables

Suivre notamment le NPS, la rétention à 30 jours, la conversion Premium, le temps d’écoute et les utilisateurs actifs mensuels, tout en anticipant les risques liés à l’adoption, à la dépendance technologique et au RGPD.

Objectif

Planifier les évolutions du produit

Organiser les fonctionnalités de Sonora entre le MVP, le Post-MVP et la vision à long terme.

Méthode

Prioriser par valeur et maturité

J’ai réparti les fonctionnalités selon leur importance pour le lancement, leur complexité et leur contribution à l’engagement, à la personnalisation et à la monétisation.

Enseignements clés

Construire le produit progressivement

Le MVP doit d’abord valider les usages fondamentaux : connexion, recherche IA, playlists, transcriptions et commentaires. Les fonctionnalités avancées peuvent ensuite enrichir l’expérience.

Décisions prises

Déployer Sonora en trois phases

Lancer un premier socle fonctionnel, développer ensuite la recommandation IA et les outils communautaires, puis ouvrir la plateforme à la gamification, au marketplace et aux fonctionnalités avancées.

Objectif

Évaluer la viabilité du projet

Analyser les ressources, les coûts, les partenaires, les revenus potentiels et les conditions nécessaires au développement de Sonora.

Méthode

Construire le modèle économique

J’ai étudié les partenaires clés, les activités, les ressources, les segments clients, les canaux, les sources de revenus et les principaux postes de dépenses.

Enseignements clés

Anticiper un investissement important au lancement

Le développement, le design et le marketing représentent la majorité du budget annuel estimé à 250 000 €. Le projet repose sur un modèle freemium complété par des abonnements, des modules IA et des partenariats.

Décisions prises

Diversifier les sources de revenus

Prévoir des abonnements Premium pour les auditeurs et les créateurs, des modules à la carte, du sponsoring, des événements et des services complémentaires afin d’atteindre progressivement la rentabilité.

Objectif

Définir la direction du produit

Formaliser les utilisateurs cibles, le positionnement, les fonctionnalités essentielles et les ambitions business de Sonora.

Méthode

Structurer une vision commune

J’ai cadré le produit à partir de ses utilisateurs, de ses problèmes, du marché, des bénéfices attendus et des objectifs à atteindre durant la première année.

Enseignements clés

Identifier un positionnement différenciant

Le marché du podcast est en croissance, mais les plateformes existantes proposent peu d’interactions sociales et peu d’outils accessibles aux créateurs indépendants.

Décisions prises

Positionner Sonora comme une plateforme communautaire

Concevoir une plateforme web et mobile réunissant découverte personnalisée, création, partage et monétisation, avec un MVP réalisable en trois mois grâce à des technologies IA existantes.

Objectif

Comprendre les besoins des utilisateurs

Identifier les attentes, les difficultés et les bénéfices recherchés par les auditeurs de podcasts et les créateurs de contenus audio.

Méthode

Relier les besoins aux solutions

J’ai structuré la proposition de valeur autour des besoins utilisateurs, des principaux irritants, des solutions envisagées et des avantages attendus pour chaque cible.

Enseignements clés

Faire émerger les principaux freins

Les auditeurs rencontrent des difficultés pour découvrir des contenus pertinents et interagir avec une communauté. Les créateurs manquent quant à eux d’outils simples pour publier, développer leur audience et monétiser leurs contenus.

Décisions prises

Construire une expérience sociale et personnalisée

Intégrer une recherche sémantique par IA, des profils publics, des playlists collaboratives, des commentaires synchronisés et des outils simplifiés de création et de monétisation.

Objectif

Démontrer la viabilité du projet

Formaliser le modèle économique de TripTales et construire une présentation claire permettant d’expliquer la valeur du produit à des partenaires ou investisseurs.

Méthode

Relier produit, marché et business

J’ai défini les segments utilisateurs, la proposition de valeur, les ressources et partenaires clés, les principaux coûts ainsi que les sources de revenus envisageables. Ces éléments ont ensuite été synthétisés dans un pitch deck structuré.

Enseignements clés

Construire une proposition crédible

Un produit utile ne repose pas uniquement sur ses fonctionnalités. Il doit également répondre à un marché identifié, proposer un modèle économique réaliste et présenter clairement ses avantages face aux solutions existantes.

Décisions prises

Positionner TripTales comme un SaaS évolutif

Simplifier les parcours, clarifier les intitulésPrésenter TripTales comme une solution destinée aux Travel Planners, reposant sur un modèle d’abonnement progressif et une proposition de valeur centrée sur le gain de temps, la centralisation des informations et la collaboration avec les clients. et réorganiser certains contenus avant de finaliser les maquettes fonctionnelles.

Objectif

Donner une direction au produit

Planifier l’évolution de TripTales et rendre visibles les différentes étapes de développement après le lancement du MVP.

Méthode

Organiser les fonctionnalités dans le temps

J’ai réparti les fonctionnalités selon plusieurs horizons : lancement, amélioration de l’expérience, enrichissement fonctionnel et évolution à long terme.

Enseignements clés

Maintenir une vision progressive

Le produit doit d’abord répondre aux besoins fondamentaux avant d’intégrer des fonctionnalités plus complexes. Une progression par étapes permet de tester la valeur du produit et de limiter les risques.

Décisions prises

Construire une évolution cohérente

Faire évoluer TripTales à partir des retours utilisateurs, en priorisant les améliorations apportant le plus de valeur à chaque nouvelle version.

Roadmap

Objectif

Visualiser l’expérience complète

Identifier les habitudes de travail, les besoins et les principales difficultés rencontrées par les Travel Planners dans la gestion de leurs voyages.

Méthode

Organiser les usages par parcours

J’ai regroupé les fonctionnalités autour des principales actions réalisées par le Travel Planner et son client, puis je les ai réparties entre MVP, post-MVP et vision à long terme.

Enseignements clés

Faire apparaître les priorités

La Story Map a permis de distinguer les fonctionnalités nécessaires pour proposer une première expérience cohérente de celles pouvant être développées plus tard.

Décisions prises

Définir les versions du produit

Créer un MVP couvrant l’ensemble du parcours essentiel, puis enrichir progressivement la solution avec des fonctionnalités plus avancées.

Objectif

Comprendre les besoins réels

Identifier les habitudes de travail, les besoins et les principales difficultés rencontrées par les Travel Planners dans la gestion de leurs voyages.

Méthode

Explorer les usages du terrain

J’ai mené des entretiens semi-directifs afin de comprendre leur organisation quotidienne, les outils utilisés et leurs échanges avec les clients. Les réponses ont ensuite été regroupées par thèmes.

Enseignements clés

Faire ressortir les principaux irritants

Les informations sont dispersées entre plusieurs outils. Les échanges avec les clients sont difficiles à suivre et certaines tâches répétitives entraînent des pertes de temps.

Décisions prises

Transformer les constats en solutions

Centraliser les voyages, les documents et les échanges dans une même interface. Faciliter également le suivi de l’avancement de chaque dossier.

Objectif

Donner forme aux parcours prioritaires

Transformer les fonctionnalités retenues pour le MVP en interfaces concrètes, compréhensibles et adaptées aux besoins des Travel Planners et de leurs clients.

Méthode

Concevoir les écrans essentiels

J’ai réalisé les wireframes puis les maquettes fonctionnelles des principaux parcours : gestion des voyages, consultation des informations, partage de documents et accès à l’espace client.

Enseignements clés

Simplifier l’expérience

La conception du prototype a permis d’identifier les informations à mettre en avant, de réduire les actions inutiles et de clarifier la navigation entre les différents espaces.

Décisions prises

Prioriser la clarté et l’efficacité

J’ai organisé les contenus selon les besoins les plus fréquents, simplifié les intitulés et limité le nombre d’actions visibles afin de rendre l’interface plus intuitive.

Objectif

Formaliser les hypothèses produit

Clarifier le problème à résoudre, les utilisateurs concernés, la valeur proposée et les résultats attendus pour le produit.

Méthode

Structurer la réflexion collective

J’ai utilisé le Lean UX Canvas pour regrouper les problématiques métier, les besoins utilisateurs, les hypothèses de solution et les critères permettant de mesurer leur pertinence.

Enseignements clés

Relier besoins et valeur produit

La valeur principale de TripTales repose sur la centralisation des informations, le gain de temps et l’amélioration de la collaboration entre les deux utilisateurs.

Décisions prises

Prioriser les hypothèses essentielles

Concentrer le MVP sur les fonctionnalités répondant directement aux irritants les plus importants, avant d’envisager des fonctionnalités plus avancées.

Objectif

Représenter les utilisateurs principaux

Formaliser les profils des utilisateurs et mieux comprendre leurs attentes, leurs comportements et leurs difficultés.

Méthode

Transformer la recherche en profils

J’ai synthétisé les données recueillies lors de la recherche utilisateur afin de créer les personas du Travel Planner et de son client, puis de représenter leurs parcours.

Enseignements clés

Comprendre chaque étape du parcours

Le Travel Planner cherche à gagner du temps et à mieux organiser ses dossiers. Le client souhaite accéder facilement aux informations importantes et suivre la préparation de son voyage.

Décisions prises

Concevoir deux expériences complémentaires

Créer un espace de gestion complet pour le Travel Planner et un espace client plus simple, centré sur la consultation et les échanges.

Beer & Potes — Site WordPress

CONCEPTION D’UN SITE VITRINE POUR UN BAR À BIÈRES & TAPAS

Figma

seo

WORDPRESS

RÉSEAUX SOCIAUX

Beer & Potes —Site WordPress

CONCEPTION D’UN SITE VITRINE POUR UN BAR À BIÈRES & TAPAS

Figma

SEO

WORDPRESS

RÉSEAUX SOCIAUX

contexte

Problématique

Mon rôle

Objectif

ma démarche

Les étapes du projet

Conception

Structure

Événements

Informations

Mesure

Livrables principaux

Les livrables qui ont construit la présence digitale de Beer & Potes

01

Conception du site

02

Structure du site

03

Espace événements

04

Informations pratiques

05

Audience et usage

NAVIGATION CLARIFIÉE

ÉVÉNEMENTS VALORISÉS

EXPÉRIENCE MOBILE

Centralisation

Beer & Potes —
Site WordPress