Projet sous forme de book, étape par étape

Exemple un CRM

En tant que product designer, mon travail s’articule autour de la rencontre entre l’esthétique et la fonctionnalité, où chaque détail compte pour offrir des expériences utilisateur optimales. Passionné par l’innovation, je m’efforce de comprendre les besoins profonds des utilisateurs tout en repoussant les limites du design pour proposer des solutions élégantes, ergonomiques et durables.
Mon employeur voulait se diversifier et un CRM était une solution intéressante et dans leur continuer de business, sous 10 jours, je devais présenter un projet concret, une conception simple et moderne et qui pourrait se différencier des autres CRM. Une proposition comportant l’analyse, les retours utilisateurs et maquette prêtent au développement.

Donc la mission était de présenter sous 10 jours, un projet global avec retour d’utilisateur et maquettes prête à être développé. Ce projet sous forme de book est un exemple qui illustre mon approche concrète et collaborative.

En détaillant ce projet, j’ai voulu vous offrir une perspective plus dynamique et interactive qu’un book traditionnel. Cela vous permet de découvrir chaque étape du processus et d’apprécier le résultat final de manière plus vivante. Je suis également à votre disposition pour discuter de mes projets récents et partager d’autres expériences qui pourraient vous inspirer.

Comprendre qui sont les utilisateurs

leurs besoins, attentes, et comportements.

Donc avant de commencer, réunir un maximum de personnes qui utilise des CRM à titre professionnel tous les jours, j’ai pu en trouver 12, en 3 sessions différentes, trois en physiques et le reste en webcam, en parallèle j’ai aussi envoyé un questionnaire de 10 questions.

Cela est fait en plusieurs actions conjointes :
Interviews utilisateur : Discussion avec des utilisateurs potentiels pour explorer leurs habitudes, motivations, et frustrations.
Enquêtes : Obtenir des retours quantitatifs sur les attentes.
Personas : Chaque scénace il y avait une création de profils types d’utilisateurs basés sur la recherche, pour guider la conception.
Analyse de la concurrence : En parallèle des étude, trouver des points forts et faiblesses de la concurrence.

3 jours dédiés, pour l’analyse, les enquêtes, et connaître la concurrence pour la réalisation de la conception aux maquettes.

Commencer a questionner les aspects techniques, pour voir sur quelle technologie à prévoir, avoir un temps de réalisation.

Exemple de question.

  • Quelles fonctionnalités sont indispensables pour les utilisateurs dans un CRM ?
  • Si vous pouviez changer une chose dans votre expérience actuelle avec un CRM, quelle serait-elle ?
  • Quelles sont les principales difficultés que les utilisateurs rencontrent avec le système actuel ?
  • Quelles fonctionnalités sont indispensables pour les utilisateurs dans un CRM ?
  • Quels sont les objectifs commerciaux du CRM?
  • etc.

⏱️ : 3 jours > 1 jour de réflexion et 2 pour interroger 9 personnes différentes et retours des mails.

Formuler le problème utilisateur

et définir les objectifs du projet.

Donc, maintenant, qu’on a toutes les réponses et les attentes, on va faire un listing de tout ce que les gens attendent préconise et surtout ce qu’il faut éviter de faire. Chaque personne a un besoin spécifique. Essayons de trouver quelque chose qui associe chaque préconisation des utilisateurs, ce qui revenait souvent, c’était d’avoir trois informations importantes réunies en un seul écran et aussi d’éviter de changer de page pour chaque information, une application revenait souvent surtout pour les responsables qui étaient très souvent à l’extérieur pour pouvoir valider et voir l’avancement d’une affaire.

Le plus important était de concevoir un calendrier technique et des objectifs. Les premières maquettes ont été faites pour une meilleure compréhension. Vu le lapse de temps, j’ai préféré qu’on conçoive des maquettes HIFI, le plus fidèle possible normalement des maquettes LOFI pour débuter très rapidement son nécessaire, mais pour que les personnes soient plus impliquées.

Les trois étapes necessaires :

Énoncé du problème : Synthèse des problèmes à résoudres, formulé de manière concise.
Scénarios utilisateur : Définir des situations d’utilisation du produit pour mieux comprendre le parcours utilisateur.
Objectifs du produit : Clarification des fonctionnalités et valeurs ajoutées pour l’utilisateur.

⏱️ : 2 jours > 5 personnes différentes en physique.

Coordination des informations de façon logique

pour faciliter l’accès et la navigation.

Conception des premières maquettes, essayer de trouver une arborescence relativement simple dans un premier temps, la partie technique a été abordée et la solution recommandée pour une rapidité d’exécution était de le faire sur Angular, l’application, elle restait à débattre, mais n’était pas le plus important dans la conception.
Les premières maquettes étaient entre guillemets validées, donc tout de suite, j’ai effectué un Design System, ce qui permettrait d’avoir  une collection d’éléments de conception réutilisables tels que des composants, des styles, des directives et des principes qui permettent de créer et de maintenir une cohérence visuelle et fonctionnelle dans un projet ou une organisation.
Éléments très important quand une personne reprend un développement ou des maquettes, créer un historique des évolutions.

Dans l’élan créatif, le groupe a voulu donner un nom sympathique, on a trouvé que le panda était parfait, car l’animal dégage très rapidement une grande sympathie, c’est un animal totem qui apporte douceur et puissance à la fois et vous aide à toujours garder une attitude positive. D’où avoir une attitude Pana 🙂

Les trois étapes necessaires :

Arborescence : Définir la structure globale des informations.
Sitemap : Schéma visuel de la structure des pages et des liens.

Avoir la validation technique (development)

⏱️ : 2 jours > 1 jour

Valider les hypothèses de design en observant

les interactions réelles des utilisateurs avec le produit.

Toutes les maquettes ont été faites et animées sur Figma, les principales pages exécuté étaient la page d’accueil qui était une demande récurrente d’avoir le calendrier les tâches et les KPI, on peut changer l’aide d’onglet les trois pages ainsi que les pages à faire société et contact liées à la société, le caban était dans la page à faire l’élément le plus important qui permettait facilement à voir où en était les affaires et permettait avec des automatisme à chaque étape de déclencher envoi d’e-mail, rendez-vous enregistré avec notification pour appel. La partie automatisation devait être très simple dans un premier temps quatre ou cinq automatisation été faite et c’était surtout l’envoi de mailing création qui devait le plus simple possible.

Choses, ce qui revenait très souvent. C’était la possibilité d’exporter des Capé sous forme de PowerPoint en ayant les couleurs de la société cela permet d’avoir des rapports très rapides et fonctionnels.

Donc un regroupement de cinq personnes c’est approprié les maquettes et après quelques corrections, le tout a été validé.

Tests modérés ou non modérés : Observation des utilisateurs pendant qu’ils accomplissent des tâches spécifiques.
Collecte des retours : Noter les points de friction et les aspects positifs.
• Itération : Améliorer le prototype en fonction des retours et tester à nouveau jusqu’à obtenir un design optimisé.

⏱️ : 1 jours > 1 jour.

Collaboration avec les équipes techniques,

Transformer les maquettes en produit fonctionnel en travaillant avec les développeurs.

Avec l’aide technique de deux personnes connaissant très bien React. Toute la partie technique a été validée, on n’est pas trop resté sur la partie de l’application qui devait être faite avec des développeurs extérieurs connaissant très bien les contraintes mobiles.

Ce fut la partie la plus rapide, n’ayant pas le temps de pouvoir développer, ne serait-ce qu’une partie de l’interface. Les délais étaient trop courts, mais l’important était la validation et j’en ai profité pour rectifier quelques maquettes.

Après ces entretiens, les délais estimés étaient de neuf mois sans compter l’application qui devait être faite à l’extérieur.

Spécifications de design : Fournir des instructions détaillées aux développeurs pour assurer la conformité avec la maquette.
Suivi et ajustements : Collaborer pendant le développement pour résoudre les obstacles techniques ou de design.

⏱️ : 1 jours > 1 jour.

Déployer le produit

et continuer à surveiller l’expérience utilisateur.

La partie la plus intéressante voire importante et de faire perdurer le produit, trouver et collecter les premiers retours pour ensuite optimiser au maximum l’expérience utilisateur. Préparer toutes les prochaines mises à jour avec un calendrier technique qui permettrait de mieux collecter les besoins.

Le panda peut aider et faciliter la communication, il est charismatiques et attirent l’attention, cela le rend mémorable. Bien accentuer sur son attitude, soyez Panda, n’ayez pas de souci, utiliser votre CRM en toute simplicité. Les consommateurs l’associent plus facilement à la marque, ce qui facilite la fidélisation.

• Analyse des performances : Utiliser des outils d’analyse pour mesurer l’engagement et la satisfaction des utilisateurs.
• Collecte de feedback post-lancement : Écouter les utilisateurs pour améliorer les futures itérations.
• Optimisation continue : Apporter des ajustements pour optimiser l’expérience utilisateur à long terme.

L’axe principal de la communication était de montrer ce que les autres solutions ne font pas, exemple à l’export en PowerPoint des KPI, aussi celui de la facilité de faire des automatismes, ainsi que d’envoyer des e-mails et SMS en masse simplement.

Avant le lancement :

• Création d’une page web dédiée : Présentez l’application, ses fonctionnalités et son utilité.
• Lancement d’une campagne de pré-inscription : Offrez des avantages aux utilisateurs qui s’inscrivent en avant-première.
• Campagnes marketing sur les réseaux sociaux : Publiez des contenus pertinents sur les réseaux sociaux pour générer de l’intérêt.
• Collaboration avec des partenaires : Envisagez des partenariats avec des entreprises complémentaires à votre application.
• App Store Optimization (ASO) : Optimisez votre description et vos mots-clés sur l’App Store et Google Play pour améliorer votre visibilité.

Après le lancement :

• Campagnes d’acquisition payante : Lancez des campagnes d’acquisition d’utilisateurs sur les réseaux sociaux, les plateformes de publicité mobile ou via Google Ads.
• Suivi et analyse des performances : Utilisez des outils d’analyse pour suivre les performances de votre application et identifier les points à améliorer.
• Ajoutez régulièrement de nouvelles fonctionnalités: Restez innovant et répondez aux besoins de vos utilisateurs.
• Augmentez la notoriété de votre application : Participez à des événements et des salons pour vous faire connaître et rencontrer de nouveaux utilisateurs.

Tuto en ligne pour mieux découvrir le CRM avec vidéo et aussi l’envoie de questionnaire chaque mois pour mieux connaître les besoins et corriger les failles.

⏱️ : 1 jours > 1 jour.

1
2
3
4
1

Mémo qui avertit a chaque moment de la journée son prochain rendez-vous, envoi important, etc. Le but est de rester le plus longtemps possible sur l’application.

2

Permet d’avoir une fenêtre latérale où on peut choisir, soit par défaut, les tâches soit les dernières sociétés les derniers contacts.

3

Fenêtre latérale permettant d’avoir les KPI en temps réel ou les dernières campagnes d’emailing/SMS

4

Un espace de travail, le plus large, le plus important pour se fixer sur les informations, par défaut la page d’accueil (savoir ce qu’on doit faire dans la journée avant de commencer et de gérer ses tâches) mais on peut aussi choisir la page des affaires, la page des sociétés ou la page des contacts.

1
2
3
1

Le rectangle du mémo diminue et devient rouge au moment de la tâche. Le lien permet d’avoir accès rapidement à la personne, rendez-vous et envoi spécifique.

2

Le panneau latéral reste en transparence pour bien faire ressortir la fenêtre centrale et en même temps voir les futures tâches à effectuer dans la journée.

3

La fenêtre latérale droite permet d’avoir des informations essentielles sans ouvrir la fiche principale.

1
2
3
1

Chaque colonne peut comporter des automatismes ou des envois automatiques. Exemple pour cette colonne, un envoi d’emailing ou SMS automatiquement de la proposition, ainsi de prévenir le responsable.

2

Chaque déplacement d’une colonne à une autre, on peut insérer un délai, ce qui permet de valider l’avancement de l’affaire. Exemple, si sous cinq jours, la personne ne reçoit aucune réponse. Cela déplace à la colonne inférieure, la demande.

3

Permet de déplier ou replier et avoir le maximum de colonnes et d’informations se focaliser le plus souvent au début de l’affaire, trois colonnes suffisent.

J ai eu l’occasion de travailler avec christophe sur des projets de produits d’assurances et de campagnes publicitaires. Sa créativité et ses compétences marketing sont très utiles pour une société qui désire se développer en innovant. Merci encore pour tout ce que vous nous avez apporté chez Allianz et April . Bonne continuation
Christophe est un véritable professionnel, très créatif, il nous fait systématiquement des propositions originales et innovantes, et ce sur différents supports qu’il maîtrise parfaitement. Il sait être à l’écoute de nos besoins et problématiques, et tient compte de nos contraintes pour nous proposer le format le plus adapté. Il fait preuve d’une grande souplesse et flexibilité. Christophe a toujours fourni un travail de grande qualité, dans les délais impartis.
Christophe est un professionnel passionné qui ne cesse de surprendre au quotidien par ses qualités humaines et techniques. Il est pédagogue et curieux, des qualités rares et remarquables. J’ai grandement apprécié notre collaboration et notre complicité sur de nombreux projets.
Pour décrire Christophe en quelques mots : professionnel, visionnaire et bienveillant. C’est un vrai plaisir de travailler avec une personne telle que lui. Sa curiosité permanente et sa capacité à appliquer de nouvelles idées et solutions en font un élément moteur dans une équipe. La cerise sur la gâteau : sa bonne humeur et son relationnel. Je recommande chaudement.

Découvrirez mon parcours professionnel, mes compétences et mes intérêts dans le domaine de product design. Je partage régulièrement des articles, des réflexions et des ressources afin de favoriser les échanges et d’enrichir la communauté professionnelle.