Humans! - Site web et identité visuelle

Contexte

Mené en équipe de trois, ce projet avait pour objectif de refondre le site de l’association humanitaire Disse afin de renforcer sa communication digitale et de mieux refléter ses valeurs. Nous avons débuté par une analyse des utilisateurs et des personas pour comprendre leurs besoins et attentes.

L’équipe a ensuite travaillé sur la création graphique : moodboard, recherches numériques, identité visuelle et charte graphique, ainsi que les maquettes mobile et desktop. Ces éléments ont servi de guide pour le développement du site.

Le site a été développé sur WordPress, intégrant la maquette et les contenus graphiques crées par l’équipe, avec un focus sur la navigation responsive et l’expérience utilisateur.

Mon rôle

• Développement complet du site WordPress, intégration des maquettes mobiles et desktop
• Mise en place de l’architecture WordPress avec Gutenberg & Astra
• Intégration des contenus graphiques et médias
• Collaboration avec les coéquipiers pour la charte graphique et maquettes

Processus

1. Analyse de l’association et définition des cibles via persona issus de la SAÉ 201
2. Audit concurrentiel et étude des plateformes de diffusion
3. Conception des maquettes mobile et desktop sur Figma
4. Création de l’identité visuelle et de la charte graphique
5. Développement WordPress
6. Optimisation responsive et tests de compatibilité sur différents appareils

Résultats finaux

Bilan et valeur ajoutée

• Ce projet m’a permis de renforcer ma maîtrise du développement WordPress
• J’ai également approfondi ma compréhension de la collaboration avec les designers, en traduisant les maquettes et la charte graphique en site fonctionnel et responsive.
• Enfin, ce projet m’a permis de développer un regard critique sur l’ergonomie, l’expérience utilisateur et la communication digitale adaptée à une association.

Outils utilisés

• Figma
• WordPress
• Astra Theme
• Gutenberg