RDV
gary-butterfield-XGKSeGYGP0A-unsplash

Action contre la Faim

Enrichir l'expérience utilisateur afin d’en faire un véritable levier de performance

Backend Wordpress Creative Front-end UX Design

Le contexte du projet

Comme pour l’ensemble des associations humanitaires, la crise de la covid-19 a favorisé l’expérimentation accélérée de nouvelles pratiques organisationnelles. Action contre la Faim a fait appel à Yooci Digital pour développer le site corporate de son nouveau concept #connectedagainsthunger. Depuis 2021, nous sommes engagés dans l’amélioration continue de la plateforme.

Frame 12
mockup laptop
mockup-mobile

Les défis à relever

Déployer un site early stage

Livrer un site très rapidement en version early stage pour répondre aux besoins des équipes en France et en Europe.

Enrichir continuellement les fonctionnalités

Grâce à une collaboration de long-terme, continuer à apporter des améliorations sur l’expérience utilisateur en développant des nouvelles fonctionnalités plus immersives.

La réponse créative

La création d'une carte immersive afin de renforcer l'interaction de l'utilisateur

Pour renforcer l’interaction avec l’utilisateur, nous avons imaginé avec les équipes d’Action contre la Faim une carte géolocalisée des missions humanitaires. Interconnectée avec l’appli #connectedagainsthunger, cette véritable roadmap permet aux participants de comprendre et suivre les missions sur le terrain des humanitaires ACF en participants à des défis sportifs

mobile-connected acf connected-desktop

Solution technique

Le choix d'une librairie JavaScript/HTML5 pour composer des cartes responsives

La roadmap a été réalisée en utilisant une librairie JavaScript de Amcharts pour sa simplicité et sa souplesse d’utlisation. Le site corporate étant déployé sur le CMS WordPress,  nous souhaitions disposé d’une solution évolutive et non gourmande en ressource.

amcharts

UX et ergonomie

Imaginer un parcours de navigation ludique et informatif pour favoriser l'interaction.

Une interface utilisateur (UI) soignée et esthétique est primordiale pour susciter l’intérêt des participants dès leur première connexion. Nous avons donc tout particulièrement soigné l’équilibre de la mise en page avec une partie ludique et animée et des blocs plus informatifs.

Le challenge le plus délicat fut la version mobile, pour laquelle nous avons imaginé une architecture en plusieurs couches combinant la superposition des volets informatifs déroulants et des sliders.

L’accompagnement client sur ce projet

Wireframing

Wireframing

Réalisation d’un site « fil-de-fer » en disposant les éléments clés des pages sans se préoccuper du design. Hiérarchie des informations, position des CTA, encombrement des images et du text pour faciliter la compréhension de la navigation.

Conception UX / UI

Conception UX / UI

Reprise des wireframes en livrables graphiques. La place est donnée au design : couleurs, typographies, icônes et visuels pour renforcer l’expérience visuelle du site.

Prototypage

Prototypage

Transfomration des maquettes en écrans interactifs permettant de tester la navigation, les interactions et les fonctionnalités du site. Des ajustements sont apportés rapidement, garantissant ainsi que le rendu réponde au cahier des charges.

Développement technique sous wordpress

Développement technique sous wordpress

Une fois la création validée, nous codons les maquettes graphiques suivant la technologie retenue pour le projet. Nous intégrons les différentes fonctionnalités nécessaires à la gestion du site par le client lors de sa mise en ligne.

Ensemble réalisons votre prochain projet

Appelez-nous !

La fierté de participer à un beau projet humanitaire

Nous sommes très fiers d’avoir contribué au déploiement de ce projet. Aux cotés des équipes marketing digitales depuis plusieurs années, nous pouvons apporter notre contribution au rayonnement des différentes missions humanitaires sur lesquelles est engagé Acton contre la Faim.

Version-pour-site
archidesign-model archidesign-model-mobile

Projet suivant

Une refonte UX et une nouvelle identité de marque

La refonte UX et UI joue un rôle clé dans la stratégie globale de croissance et le succès en ligne. Notre client Archidesign en était convaincu en nous confiant un double projet de refonte de charte graphique et refonte de site vitrine. Défi relevé pour Yooci Digital ! Découvrez le maintenant.

Notre démarche

Nous plaçons vos utilisateurs au centre de notre réflexion. Et ça depuis 10 ans.

Nous travaillons en confiance

Action contre la faim deloitte-consulting Prepar-Vie centres-sociaux-connectes decathlon