1Copyright 2015 © La Fabrique du Net.

ChallengeMyWebsite en live sur Slack25 Mai 2016

Contexte & déroulé

5 experts et le public décortiquent dans tous les sens 4 sites web, le temps de courtes sessions de 30 minutes, en live sur la communauté Slack de La Fabrique du Net, qui est ouverte à tous.

1. Alexandre Madonna – Technique (choix technos, Perf & bonnes pratiques front, ..)2. Antoine Coubray – Stratégie / Identité (clarté proposition de valeur, argumentaire

client, ..)3. Romain François Marsal – UX / UI (identité graphique, expérience utilisateur, qualité

design, ..)4. Quentin Sureau – Conversion (performance du tunnel, tracking, ..)5. Grégoire Vigneron – SEO (crawl, balisage, maillage,..)

CONCEPT

LES EXPERTS

Les projets sélectionnés & le déroulé

Pour cette première édition de ChallengeMyWebsite, nous avons sélectionné 4 projets. Winicar : Achat / Vente de véhicules d'occasion Poiscaille : Achat / Abonnement pour se faire livrer poisson frais InoxDesign : Ecommerce produits en inox (spécialisé sur les garde-corps) Welcome To The Jungle : Media / Plateforme de recrutement

Chaque session de challenging durait 30 minutes et était décomposée en deux phases :1. Feedback des experts – Les 15 premières minutes consacrées aux feedbacks experts 2. Echanges ouverts – Les 15 minutes suivantes consacrées aux échanges avec le public

LES PROJETS SÉLECTIONNÉS

DÉROULÉ

Winicar

Winicar est un service 100% online d'achat et vente de voitures d'occasion. Les véhicules sont expertisés, le paiement est sécurisé, garantie et la livraison s'effectue à domicile, autant de services proposés pour changer radicalement la façon de consommer.

Date de lancement : fin 2015Site web : winicar.frFondateurs : Fabien Sécherre et Sebastien Redon

Winicar

Présentation du projet

Choix des technologies Contrainte sur la fluidité de l’UX et minimisation du temps de chargement Choix intéressant du framework open source AngularJS

Mesure de la performance Pingdom tools : chargement rapide, bon nombre de requête exécutées. Google PageSpeed : score moyen pour la home et la liste véhicules (50-60), mauvais

pour une fiche véhicule (environ 10)

Recommandations Optimisation des images, réduction de la taille des fichiers, mettre les images en cache sur les fiches véhicules.

Winicar

Analyse Technique par Alexandre Madonna

Lire son analyse détaillée ici

Proposition de valeur Proposition de valeur affichée « Achetez et et vendez 100% en ligne », alors que plus

value du service est « On s’occupe de tout ! ». Promesse différenciante, innovante, vidéo longue, texte pas percutant.

Question clé Comment annoncer encore plus la simplicité ? Garantie de prise en charge à toutes les

étapes tend à être transcrite dans l’expérience globale d’utilisation du service. Proposer des options qui satisferont chaque utilisateur, sans trop d’informations.

Recommandations Mettre « Vendez ma voiture » au premier plan. Essayer une promesse d’optimisation de type « Vendez en 10 clics », différenciante et

préemptant la tranquillité d’esprit.

Winicar

Analyse Stratégie / Identité par Antoine Coubray

Lire son analyse détaillée ici

Analyse Site très sympa dans l’ensemble Rapide compréhension de l’offre et les tunnels d’achat / vente se font avec facilité Impossible d’avoir la main sur les fonctions du lecteur YouTube de la vidéo d’usage Manque d’unité graphique sur le site (harmoniser les marges) Placement du logo trop près du bord

Recommandations Mettre les partenaires plus bas dans la page La rubrique « Comment ça marche » peut être amenée plus tôt dans le parcours

utilisateur et énoncé plus simplement Espacer davantage les blocs pour faciliter la lecture

Winicar

Analyse UX / UI par le collectif design Yupeach

Lire son analyse détaillée ici

Analyse Formulaire : très bien, mais pas de précision sur le tarif d’une côte. Acheter : peu de filtres, segmentation trop légère. Fiche produit : mettre en avant le rapport d’analyse Winicar Paiement : très bien, peut être préciser ville du vendeur. Analytics : tracking propre. Pas d’évènements dans l’entonnoir acheteur

Recommandations Page d’accueil : séparer acheteurs des vendeurs

Mettre plus en valeur le CTA « vendre », descendre la réassurance Mettre en avant « Acheter et vendre en ligne » en accueil Suggestion d’un sticky header, réduire bandeau témoignage

Vendre : expliciter la gratuité de l’estimation dans le CTA vendeur Concept : résumer les 3 étapes plus efficacement, gratuité en avant

Winicar

Analyse conversion par Quentin Sureau

Lire son analyse détaillée ici

Analyse Secteur ancien, concurrentiel, difficile d’avoir de l’autorité sur les mots clés d’activité

Probablement forte dépendance au SEA (gros budget + CPC élevé) Balise et méta description : duplication malgré la faible quantité de contenu (Inclure

dans le titre éléments dédupliquants, ex : le prix). Ordre d’apparition dans la balise title (modèle en premier, Winicar dernier)

Recommandations Navigation / maillage interne : les critères principaux du moteur de recherche devraient

être navigables (listes par marque/modèle) Les concurrents ont beaucoup de liens externes. Travailler le linking Ancienneté et taille du catalogue sont à travailler progressivement Expérience utilisateur : page d’accueil trop lourde (diminuer les images) Attention aux

ouvertures de nouvel onglet quand on clique sur un lien

Winicar

Analyse SEO par Grégoire Vigneron

Lire son analyse détaillée ici

Les remarques du porteur de projet Fonction filtre pas encore poussée, car pas assez de véhicules. Affichage des voitures vendues pour rassurer les utilisateurs. Pour l’instant, focus sur l’Adwords.

Les remarques du public Concept intéressant, fonction filtre déstabilisante Difficulté de compréhension de l’offre du fait de choisir entre vendeur et acheteur

(taux de rebond élevé) Obtenir des backlincks des partenaires qui « parlent » de Winicar Bonne maîtrise d’adwords, tester Growth hack sur social media (copie de

communautés de concurrents, Twitter Ads en ciblant l’audience), analyser les backlinks des concurrents (articles linkés, copier l’article en l’optimisant, puis le proposer aux gros médias du secteur de relayer).

Winicar

Les échanges ouverts

Poiscaille

Poiscaille est un service qui propose aux Parisiens la livraison de poisson frais, du producteur jusqu'au consommateur, en travaillant uniquement avec des pêcheurs ayant à cœur la pêche durable.

Date de lancement : fin 2015Site web : poiscaille.frFondateurs : Charles Guirriec et Guillaume Gréaud

Poiscaille

Présentation du projet

Choix des technologies Site PHP entièrement « fait maison »

Mesure de la performance Temps de chargement assez moyen entre 1,5 et 3s. Google PageSpeed : score moyen pour l’ensemble des pages (60-75 en desktop)

Recommandations Plutôt opter pour un CMS open sources (déploiement, captivité vis-à-vis du

développeur, manque d’évolutivité fonctionnelle, sécurité). Optimiser la performance : utiliser la mise en cache navigateur des ressources

statiques, compression du fichier JS et CSS, des images Retravailler optimisation mobile : contenu cliquable, icônes médias sociaux se

superposent, erreur php lors du choix du lieu de retrait.

Poiscaille

Analyse Technique par Alexandre Madonna

Lire son analyse détaillée ici

Proposition de valeur L’offre est clairement présentée dès la homepage. Contraintes logistiques liées au système de colis vs achat poissonnier Avantage de la livraison vs. poissonnier pas encore assez mis en avant Réponse aux « freins perçus » logistiquement présentés en FAQ Différenciation sur la qualité / traçabilité par rapport aux concurrents Logistique frein à la conversion, bénéfice de l’abonnement peu appuyé

Recommandations Mettre en avant l’aspect structurants de l’offre « Direct producteur », pour régler le

problème lié à la contrainte logistique Jouer sur le côté éthique : techniques de pêche dormantes, douces, etc. Insérer un onglet dédié aux questions logistiques Rassurer les prospects sur la logistique en appuyant la désirabilité

Poiscaille

Analyse Stratégie / Identité par Antoine Coubray

Lire son analyse détaillée ici

Analyse Identité visuelle très sympa, on adore le nom Les onglets disparaissent en fonction des écrans Pas de lien cliquable sur le premier écran, cela donne un effet landing page Barre navigation : le clic sur les onglets renvoie en haut de page Largeur des images variable sur les autres pages Pas de fav icon (sur l’onglet du navigateur)

Recommandations Attention à être clair sur l’offre à la première lecture de la page, surtout au responsive Rendre visible visuellement / graphiquement les témoignages qui sont drôles Garder une unité visuelle

Poiscaille

Analyse UX / UI par le collectif design Yupeach

Lire son analyse détaillée ici

Analyse Accueil : le header manque d’un CTA principal Le menu ne met pas en avant le bouton « commander » Commander : absence de données sur la la quantité de poisson reçu, ni sur le rapport

qualité prix, donc le positionnement de la plateforme Page Votre commande : plutôt jolie, on aurait envie d’éditer le contenu, passer sur un

abonnement

Recommandations Mettre en avant le bouton commander en accueil Afficher un exemple du contenu du dernier casier pour la réassurance Mettre en avant la recette associée au casier, élément clé du site Ré-expliquer les informations au cœur de l’entonnoir de conversion Page casier : inversion de la carte et du calendrier, car l’horaire dépend du lieu de

retrait.

Poiscaille

Analyse conversion par Quentin Sureau

Lire son analyse détaillée ici

Analyse Belle idée sur un produit / concept de niche Probablement peu ou pas de mots clés de recherches ciblées Le trafic viendra de la marque, de la viralité et de la communication Duplication des balises title et meta descriptions : identiques pour toutes les pages

Recommandations Indexation : mettre en place un fichier robot.txt Faire une page par recette (au lieu de popins), avec une recherche, et en ajouter

régulièrement Journal de bord : retravailler techniquement (liens ne fonctionnent pas), essayer un

format de type blog (pour le développement et l’autorité en référencement)

Poiscaille

Analyse SEO par Grégoire Vigneron

Lire son analyse détaillée ici

Les remarques du porteur de projet L’abonnement est intéressant en termes de prix, pas d’autres avantages Il existe un popup avec un exemple de casier, mais il est peu visible

Les remarques du public Concept intéressant à mieux pousser pour se démarquer du poissonnier Pourquoi pas la livraison au travail ? En fournissant dans le casier les ingrédients pour

la recette de la semaine Absence de carte des points de ramassage Les témoignages en accueil sont décrédibilisant (privilégier les témoignages plus

factuels, une expérience vécue avec des émotions Proposition de valeur difficilement compréhensible Expliquer à l’utilisateur pourquoi le poisson n’est pas livré à domicile (qualité et délai)

Poiscaille

Les échanges ouverts

Inox Design

Inox Design est un site de vente online dédié aux produits en inox, spécialiste de la conception de rambardes et escalier en inox. Inox Design propose également des services intéressants, que ce soit pour la livraison, l’installation ou le suivi de votre commande.

Date de lancement : 2010Site web : inoxdesign.frFondateurs : Francesco Vendola

Inox Design

Présentation du projet

Choix des technologies Site e-commerce construit avec le CMS Magento (bon choix étant donné le

positionnement et la taille du site) Fonctionnel, gestion des produit, communauté de développeurs

Mesure de la performance Temps de chargement + indicateurs de performance bons pour les pages testées. On sent qu’un certain niveau d’optimisation technique est déjà atteint (dans une

logique SEO) : sous-domaines, CSS compressé.

Recommandations Travailler avec un développeur PHP (+ front) pour Magento. Optimiser les images sur les fiches produits, et en home pour le mobile Corriger les bugs liés au widget partage social

Inox Design

Analyse Technique par Alexandre Madonna

Lire son analyse détaillée ici

Offre de produits et proposition de valeur en home L’offre produit est annoncée dans le header mais l’offre de service est moins visible

Identité Une identité pragmatique, qui repose sur un savoir-faire tangible Pour être différenciant, il manque la définition d’une vision pour la marque

(positionnement en fonction des enjeux de la construction), ainsi qu’une mission (rôle de la marque pour incarner sa vision).

La réassurance vient renfoncer la confiance des clients.

Recommandations Combinaison entre produits et service, bien définie, pour appuyer une proposition de

valeur plus puissante et différenciante. Segmenter les éléments de réassurance (SAV/conception/configuration)

Inox Design

Analyse Stratégie / Identité par Antoine Coubray

Lire son analyse détaillée ici

Analyse Le site est clair d’usage dans son ensemble Navigation par onglets et recherche de type classique, donc rassurant Manque de cohérence visuelle et identité maladroite, qui manque d’un partis pris plus

fort dans la hiérarchisation des éléments en landing page. Barre de recherche, visuels publicitaires et barre de garantie ont des identités

distinctes.

Recommandations Rendre l’ensemble des éléments cohérents visuellement, faire des choix de priorisation

en landing page Déplacer le contenu de la barre noire du haut de page, dans le footer en bas de page. Retravailler le problème du logo rogné lorsqu’on scroll la page

Inox Design

Analyse UX / UI par le collectif design Yupeach

Lire son analyse détaillée ici

Analyse Page d’accueil : Trop d’information, hiérarchisation pas claire. Le bloc « nos réalisation »

pas assez en accord avec l’objectif de conversion. Faire devis en ligne : texte + vidéo surprenant, on s’attend à un formulaire Page catégorie : catégories directement présentées, mais on ne peut pas rechercher un

modèle par prix Page sous-catégorie : choix facile de segmentation grâce aux options. Paiement : entonnoir trop long, trop d’étapes intermédiaires.

Recommandations Inverser le cadre de présentation des produits et les trois blocs en home Placer un CTA vers les produits à la fin de la vidéo pour « Faire un devis » Produits visibles au dessus de la ligne de flottaison (sous-catégories) CTA « configuration produits », plutôt « Obtenir un prix sur mesure »

Inox Design

Analyse conversion par Quentin Sureau

Lire son analyse détaillée ici

Analyse Visibilité et concurrence : pour les mots clés principaux, les têtes de résultat sont

trustés par des Adwords et Google Shopping Structure URL et navigation : les fiches produits sont à la racine du site, et non dans des

catégories (ou sous-catégories). Des duplications d’URLs. Keyword stuffing / spamming : la répétition excessive de mots clés sur une page à l’effet

inverse de celui attendu. Autorité / réputation : attention aux sites satellites, pénalisés par Google

Recommandations Même si bon travail en SEO, le SEA est indispensable pour la visibilité Créer catégories et sous-catégories, renvoyant à une liste des produits Passer au HTTPS pour la saisie d’informations personnelles Se focaliser sur l’unique but d’un site ecommerce : la transformation.

Inox Design

Analyse SEO par Grégoire Vigneron

Lire son analyse détaillée ici

Les remarques du public La métrique utilisée (mètre) est perturbante, le total monte très vite Pas de numéro de téléphone sur le sticky header : maximiser les calls Mettre en place un chat live (type intercom) pour guider les utilisateurs Retravailler le wireframe pour mieux hiérarchiser les éléments et pourquoi pas créer

de nouvelles pages pour alléger la page d’accueil Page d’accueil avec beaucoup d’éléments n’est pas dérangeante, car la fonction du site

est d’associer beaucoup de produits mais à hiérarchiser). Donner un coup de jeune au logo et aux boutons réseaux sociaux

Inox Design

Les échanges ouverts

Welcome To The Jungle

Fondé en 2014, Welcome To The Jungle propose de réconcilier candidats et recruteurs. Sur son site web, WTTJ promet de rendre la recherche d'emploi plus humaine en offrant la possibilité aux entreprises de se présenter sur leur site.

Date de lancement : début 2015Site web : welcometothejungle.coFondateurs : Jérémy Clédat et Bertrand Uzeel

Welcome To The Jungle

Présentation du projet

Choix des technologies Site moderne avec beaucoup d’images et d’animations, entièrement « fait maison »,

cohérence de Ruby on Rail Technologie Algolia : optimiser la vitesse d’affichage des recherches

Mesure de la performance Temps de chargement + indicateurs de performance bons (peu de requêtes envoyées

et chargement en 1 seconde) selon Pingdom Google PageSpeed : notes bonnes en desktop (70-86), moins sur mobile

Recommandations Optimiser images, allonger durée d’expiration en cache des scripts js Corriger les bugs liés au widget partage social Restreindre l’utilisation du script instantsearch : que sur les pages utiles

Welcome To The Jungle

Analyse Technique par Alexandre Madonna

Lire son analyse détaillée ici

Proposition de valeur Média avec double promesse : aider les utilisateurs à comprendre les codes du marché

de l’emploi / les assister dans leur recherche avec un côté très humain (personnalité, correspondance avec projet pro)

Expérience utilisateur Centralisation : grande transversalité des contenus entre eux. Recherche d’annonces : trop similaires aux sites de recherche d’emploi

Recommandations L’offre « Le guide de l’emploi » à revoir, rajouter dimension de sélection d’offres de

jobs : centralisation des services proposés par WTTJ L’apparence tribale, conviviale doit se traduire par une différenciation plus affirmée

dans la façon de chercher, postuler (regarder Kudoz)

Welcome To The Jungle

Analyse Stratégie / Identité par Antoine Coubray

Lire son analyse détaillée ici

Analyse On adore le design de la page, UX intuitive et l’univers super sympa Attention à quelques éléments qui se différencient de l’identité visuelle :

Page article : la photo empiète sur la barre (alors que bon en home) Barre pour scroller disparaît à droite de la recherche Photo profil compagnie trop similaire à Facebook Compréhension pas évidente des termes de « jungle », et « tribu »

Recommandations Rendre l’ensemble des éléments cohérents visuellement, faire des choix de priorisation

en landing page Déplacer le contenu de la barre noire du haut de page, dans le footer Retravailler le problème du logo rogné lorsqu’on scroll la page Changer le gif de chargement

Welcome To The Jungle

Analyse UX / UI par le collectif design Yupeach

Lire son analyse détaillée ici

Analyse Page d’accueil : Terme de « tribu » surprenant, mais suffisamment contextualisé, bonne

visibilité du CTA Présentation des tribus : CTA postuler pas assez visible Le full width sur la fiche tribu perturbe la hiérarchisation des éléments Aucune collecte d’email possible La recherche par jobs, plutôt que par tribu, n’est pas mise en avant

Recommandations Dans une fiche, mettre plus en avant les derniers jobs, possibilité de postuler

directement avec un CTA « postuler » pour chaque job Avancer les éléments clés d’une fiche tribu Intéressant pour les clients d’avoir une sorte de « candidature spontanée » si

l’utilisateur ne trouve pas de job pour son profil.

Welcome To The Jungle

Analyse conversion par Quentin Sureau

Lire son analyse détaillée ici

Analyse SEO par Grégoire Vigneron

Analyse Communication / contenu : choix de marque pas simple en SEO, secteur très

concurrentiel et donc difficile pour un nouvel entrant Difficile d’amener du trafic autrement que de l’accès direct / de marque Gros travail de communication de marque (réseaux sociaux, presse, etc.) Mots clés : « jungle » et « tribu » liés à la marque et non a la sémantique du secteur

Recommandations Trouver un équilibre en page d’accueil entre branding et mots clés du secteur (ex :

« offre » n’apparaît pas en accueil alors que tribu 6 fois) Avoir un rendu côté serveur navigable sur les principaux critères (maillage interne),

faciliter les liens externes vers les pages de listes. Site en français mais URLs en anglais Contenu sur les entreprises dupliqué sur les pages team et jobs

Welcome To The Jungle

Lire son analyse détaillée ici

Les remarques du public Principe de base du site très « à la mode » car en rupture avec les SSII La recherche d’emploi ou d’entreprise par pays serait intéressante Mettre en place une segmentation des tribus qui recrutent ou pas Les filtres de la page entreprise n’aident pas forcément les jeunes diplômés à choisir la

bonne entreprise Instauration d’un live chat (ou un bot) pour guider l’utilisateur sur le site

Welcome To The Jungle

Les remarques du porteur de projet Correction prochainement de instantsearch, gif de chargement et de la barre de search Les candidatures spontanées sont possibles sur le site Gestion des candidatures via l’outil welcomekit.co

Les échanges ouverts

C’est l’endroit idéal pour tout porteur de projet web afin de : Demander des feedbacks / conseils sur votre projet web Trouver des channels thématiques (Webmarketing, Analytics,etc.)

La Fabrique du vous répond

L’équipe de la Fabrique du Net ainsi que l’ensemble des membres sera ravie de vous apporter de l’aide, dans une ambiance détendue.

Invitez vos amis

La communauté est ouverte à tous, alors n’hésitez pas à inviter vos amis depuis la page lafabriquedunet.fr/slack

La communauté Slack de la Fabrique du Net

La Fabrique du Net aide les porteurs de projets web à maitriser leur sujet et à choisir les meilleurs outils / prestataires.

La Fabrique du Net = Centre de ressource + Marketplace Fiches pratiques Tests de logiciels Marketplace prestataires

Notre conviction

Il faut choisir un bon forgeron et de bons outils pour réussir son projet.

Quelques mots sur La Fabrique du Net

Nos partenaires

de votre projet web

Le meilleur alliéTéléphone+33 (0) 1 84 24 02 34E-mailcontact@lafabriquedunet.frWebwww.lafabriquedunet.fr

• I