HFx+ Auvergne Rhône-
Alpes

Description

Après une 1ère refonte réussie avec HF+ Bretagne, l’association HFx+ Auvergne Rhône-Alpes a fait appel à mes services ainsi qu’à ma partenaire de toujours, Leïla Drissi pour l’identité visuelle.

J’ai donc créé un nouveau site web éco-responsable pour l’association.

Services

Développement sur-mesure
Formation
Refonte totale
Site web vitrine
Ux design
Webdesign

En collaboration avec Leïla Drissi

Objectifs

Prise en compte de critères écologiques dans la construction du site : hébergement,
poids et complexité des pages, sobriété visuelle
Gagner en visibilité / lisibilité
Création d’un site simple, navigable, facile d’accès et facilement compréhensible
Responsive (tablettes, ordinateurs, mobile)
Rendre plus accessibles les ressources, les actions en cours et les actions passées
Faciliter la navigation des internautes
Rendre l’association visuellement plus contemporaine
Faire le lien avec le site Allié.e.s

UX / UI Design en éco-conception Web

À la suite du travail d’UX Design en amont sur les besoins ainsi que la structure des informations, j’ai entamé les wireframes. Le contenu étant assez similaire par rapport au site d’HF+ Bretagne, j’ai pu repartir sur une structuration assez similaire. Au cours de la conception, il fallait trouver un certain équilibre entre la recherche d’information, la simplicité de navigation mais aussi ne pas submerger l’usager par un contenu trop dense. Ce travail permet aussi de réduire la taille du DOM, le poids des pages ainsi que le nombre de requêtes.

Concernant l’UI Design, le but était de retrouver le travail que j’avais effectué pour HF+ Bretagne pour harmoniser l’identité de l’association au national mais en gardant tout de même une identité propre à HFx+ Aura.

Avec le travail de Leïla Drissi, j’ai pu travailler sur l’idée du pattern et du tissage. L’idée des liens entre les couleurs représentait l’allégorie de l’union entre les personnes différentes. Au cours de mon travail en web design, j’ai d’ailleurs formalisé cette allégorie via l’animation dans le header de la page d’accueil.

Cette animation a été réalisée en SVG et CSS pour garder une éco-conception idéale.