Site Web d'une ONG internationale

Design et dev Wordpress pour une ONG travaillant à éliminer la malaria

VCAP

VCAP (Vector Control Platform in Asia Pacific) est une plateforme promouvant l'innovation et l'accès aux outils de lutte antivectorielle qui soutiennent l'objectif régional d'élimination du paludisme dans la zone Asie-Pacifique, elle a été récemment créée par l'APLMA (Asia Pacific Leaders 'Malaria Alliance) et Unitaid .
Nous avons été chargés de concevoir et de développer le site Web du VCAP. Le projet a été initié à travers un atelier UX / UI, qui nous a finalement aidés à définir le contenu du site Web avec le client, puis un concept de design. De plus, nous avons ensuite développé le site Web dans un thème WordPress personnalisé et nous fournissons maintenant un service mensuel de support et de maintenance pour le site Web qui est hébergé sur notre infrastructure cloud optimisée pour Wordpress.
Maquette Vcap

L'équipe
1 directeur UX / UI et chef de projet
1 graphiste
1 Web Designer
1 Développeur Front-End
Méthodologie
Atelier UX / UI
Outils
Lark
InVision
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop
Technologies
WordPress, JavaScript, PHP, HTML5, CSS, Bootstrap, SASS
Durée
2 mois

Le challenge

C’était le premier site Web de notre client après la création de son organisation. Sur la base de leur document de conception d’identité d’entreprise (CI), nous avons dû définir puis concevoir leur site Web de zéro à la fin. Comme d’autres sites Web d’ONG, VCAP a beaucoup de données à afficher, dans leur cas sur les moustiques et les types de produits pour lutter contre leur propagation. Il était difficile de présenter un grand nombre de données de manière accessible et lisible. Comme leur CI était limité, nous avons également dû réorganiser le guide de style pour les éléments de conception qui reflètent l’identité de leur organisation.

Vcap 01

Rendre le site convivial pour tous les utilisateurs

Pour rendre la conception plus efficace et testée pour être conviviale, nous avons organisé un atelier avec le client pour comprendre les problèmes et trouver des solutions. Nous avons toujours considéré les utilisateurs tout au long du processus de conception et nous avons créé un prototypage basé sur le flux d’utilisateurs et les informations que nous avons obtenues grâce à l’interaction avec le client et les développeurs avant de travailler sur l’interface utilisateur.

Vcap 02

Aspect visuel

Une fois que les fonctions et fonctionnalités du site Web ont été décidées, nous sommes passés à la conception visuelle pour correspondre au thème de la marque. Nous avons gardé le design moderne, convivial et visuellement attrayant. Après avoir conçu la page de destination et obtenu l’approbation du client, nous avons travaillé à la définition du guide de style. Pour refléter l’identité de la marque, nous avons choisi des couleurs rouge et marine modifiées sur l’ensemble du site. De plus, pour tous les ingrédients de conception, nous avons essayé de les garder aussi minimes que possible pour permettre aux utilisateurs de se concentrer sur l’histoire de VCAP.

Vcap 03

Le résumé du projet

Notre objectif avec ce nouveau site Web était de fournir aux utilisateurs un moyen plus simple de se renseigner sur VCAP et ce qu’ils offrent et aussi de permettre aux utilisateurs de parcourir les informations sans aucune interférence possible. Dans l’ensemble, nous sommes vraiment ravis d’avoir pu créer le site Web qui soit créatif, interactif et donne un meilleur accès aux utilisateurs.

Vous cherchez une agence web?
Discutez avec notre équipe!

Contactez-nous
Vous cherchez une agence web?
Discutez avec notre équipe!