ACT Responsible / 2022

Réalisation du nouveau site de l'association ACT Responsive. Conception des maquettes avec Figma et intégration via Wordpress.

Pourquoi cette refonte?

L’association Act Responsible met en avant des campagnes publicitaires portant sur des sujets activistes: humanité, écologie, solidarité ou encore éducation. Lors de ma dernière année de master, j’ai eu l’occasion de travailler sur des projets professionnels avec une réel demande. Pour celui-ci, j’ai collaboré avec Chloé Bruneau pour proposer une refonte pertinente sur les plans UX et UI du site Act Responsible.

  • Une réorganisation de l’arborescence afin de mettre en avant les 8 initiatives de Act.
  • Une expérience utilisateur repensée afin de comprendre la mission et les motivations de Act.
  • Une interface utilisateur dans l’ère du temps et responsive. + garder une cohérence avec le site français Act Responsable.

Simplifier la navigation.

Composée de 8 initiatives, notre réflexion s’est basé sur la mise en avant de celles-ci. Chacune étant représenté par un logo, il était nécessaire de concevoir une interface ergonomique permettant de les assembler tout en gardant l’identité de l’association.

Un menu vertical pour plus de cohérence.

Pour apporter une touche de modernité et conserver une cohérence avec le site Act Responsable, nous avons opté pour un menu Hamburger. (qui reprend le cercle du logotype.)

Outre l’aspect esthétique, nous nous sommes beaucoup intéressés à l’aspect technique afin de pouvoir inclure toutes les initiatives. (Une solution pratique pour les sites avec des menus relativement longs comme celui-ci.)

Des pictogrammes repensé.

Afin de préserver l’identité de Act Responsible, nous avons conçu les pictogrammes reprenant la forme du logotype. Cela permet d’apporter une meilleure compréhension et une cohérence graphique, avec une pointe de fraîcheur.

Une interface responsive.

L’une des principales demande était de developper un site responsive afin que celui-ci puisse s’adapter à toutes les résolutions d’écran. C’est donc un seul et même site qui peut être consulté sur ordinateur, sur smartphone ou sur tablette.

Entre l’écran d’un ordinateur et celui d’un smartphone, il y a de gros écarts de résolution (nombre de points aussi appelés pixels que peut afficher l’écran). Nous avons pu travailler les marges lors de l’intégration via WordPress.

Projet de fin d’étude Remerciement à l’équipe de Act pour la confiance ainsi que mes enseignants.

Partager ce projet

LinkedIn
Facebook
Twitter
WhatsApp
Tumblr
Email

Projets similaires

ACT Responsible

2022
UX / UI design, Webdesign

Parcours Rimbaud

2021
Identité Visuelle, Illustration, Print

Le carré Hermès

2020
Illustration, Publicité

Souvenirs de Berlin

2020
Illustration, Print