Recherches utilisateurs

Première étape, on commence à chercher des informations sur nos utilisateurs. Nous réalisons des interviews, des questionnaires et des observations. On met en commun nos recherches. On remarque des résultats interressants sur lesquels elles se retrouvent en difficultés :

• La vente / promotion
• La motivation / l’engagement
• La communication de leur travail
• Manque de soutien et de ressources.

Grâce à toutes nos recherches on en déduit une problématique :

Comment aider les créateurs à développer leur activité rapidement et facilement ?

Concept

Ensuite, on établit une solution, un concept génial pour ces créateurs en difficulté.Une application de e-learning gamifiée sur lequel vous aurez un programme personnalisé avec des exercices de développement personnel et des contenus créés par des coachs.

Pourquoi ? Faire gagner du temps aux créateurs, Soutenir et motiver les créateurs, Guider les créateurs face à leurs besoins

Comment ? Compréhension des besoins, Cours adaptés aux besoins de chacun, Expérience gamifiée

Notre positionnement : Le secteur d’activité est les arts créatifs et l’artisanat. Notre cible reste les créateurs de 20 à 30 ans, nouveaux sur le marché ou en activté depuis une ou plusieurs années. Nos enjeux sont l’engagement de la communauté, la personnalisation et l’adaptabilité, la formation et l’évolution et le gain de temps. Nos valeurs sont l’accompagnement, le soutien et la réussite.

Recherches UX

Pour concevoir une solution adaptée aux besoins des créateurs, nous avons mené des recherches UX approfondies.

• Base de connaissance : Nous avons centralisé et analysé les retours des utilisateurs pour identifier les profils et besoins communs. Cela nous a permis de structurer une offre de cours adaptée à différents niveaux d’expérience.
• Tri des besoins : Nous avons classé les difficultés rencontrées par les créateurs en grandes catégories de compétences et d’exercices, facilitant ainsi l’élaboration des contenus pédagogiques.
• Définition des fonctionnalités : Pour garantir une accessibilité optimale, nous avons conçu plusieurs formats d’apprentissage (cours variés, tests d’humeur, diagnostics interactifs) et intégré une mascotte pour accompagner les utilisateurs tout au long de leur progression.
• Parcours utilisateur : L’intégration de ces fonctionnalités dans un parcours fluide nous a permis d’anticiper les interactions des utilisateurs et d’optimiser l’UI avant la phase de wireframing.

Enfin, nous avons réalisé les wireframes pour structurer l'interface et tester les parcours avant de passer à la phase de design visuel.

Direction artistique

Nous avons commencé par un moodboard pour poser les bases visuelles du projet, puis exploré le naming en parallèle.

Le logotype repose sur une typographie impactante, au style rétro et affirmé, équilibrée par une typographie plus accessible pour une meilleure lisibilité.

La mascotte, une fleur stylisée, symbolise la créativité, la croissance et le renouveau, en apportant une touche ludique et identitaire au projet.

Côté couleurs, le rose et l’orange évoquent une ambiance chaleureuse et dynamique, tandis que le bleu nuit et électrique inspire confiance et modernité.

Enfin, nous avons puisé dans l’univers de Rogie King, dont le flat design aux couleurs vives a influencé notre approche graphique, assurant une identité forte et engageante.

Construction du design system

Pour garantir cohérence et efficacité, nous avons structuré un fichier Figma dédié, organisé en plusieurs pages :

• Grille : définition des espacements et colonnes pour une mise en page harmonieuse.
• Typographie : sélection et hiérarchisation des styles pour assurer lisibilité et impact.
• Couleurs & ombres : création d’une palette adaptée à l’identité visuelle et application des ombres pour donner du relief.
• Icônes & composants : conception d’éléments réutilisables pour assurer uniformité et fluidité dans l’interface.
• Application mobile : déclinaison et adaptation des composants pour garantir une expérience optimale sur mobile.

Un Guide Centralisé sur ZeroHeight

Pour faciliter la prise en main et assurer la cohérence du design system, nous avons mis en place un guide interactif sur ZeroHeight. Cette documentation en ligne permet aux équipes de retrouver facilement tous les éléments de l’interface et leurs règles d’utilisation.

Chaque section du design system est détaillée avec des guidelines précises pour garantir une application fluide et accessible. On y retrouve notamment :

• Des exemples concrets d’utilisation pour chaque composant.
• Les contraintes d’accessibilité (contrastes, tailles, usages spécifiques).
• Des bonnes pratiques et erreurs à éviter pour maintenir une expérience utilisateur optimale.

Grâce à ZeroHeight, le design system reste évolutif et collaboratif, permettant aux équipes de conception et développement de travailler efficacement sur une base commune, toujours à jour.

👉 Consultez le guide complet ici : Créa’Pulse - Design system