HF Bretagne

Voir l'avis

★ 5/5
Nous remercions David pour son travail autour de la refonte de notre site internet. Ses conseils pertinents, son accompagnement et sa pédagogie, notre site recense enfin toutes l'étendue de nos activités. Un site à la fois éco-conçu, accessible à tous·tes, à la navigation facile et surtout simple à animer par notre équipe pour lequel nous remercions fortement David, qui a su coller au mieux à notre identité.

forme ordinateur header projet HF Bretagne créé par David Daumer forme téléphone header projet HF Bretagne créé par David Daumer

Créé en 2013 en 2013, HF se forme en Bretagne, sous l’impulsion de professionnel·les des arts et la culture. L’association opère autour de différents objectifs : connaître et faire connaître les inégalités de genre dans les arts et la culture ; améliorer l’accès des femmes aux postes de direction ; aux moyens de production et de diffusion ; promouvoir le matrimoine ; lutter contre les stéréotypes de genre et les violences sexistes et sexuelles ; travailler à l’égaconditionnalité des aides publiques dans les arts et la culture.

De part ses activités grandissantes, HF Bretagne souhaitait faire peau neuve en refondant leur site internet début 2023. Accompagné de Leïla Drissi pour l’identité visuelle de l’association, j’ai refondu le site web HF Bretagne de A à Z, du besoin initial à la mise en ligne en passant par le Web Design et le développement Web.

 

Objectifs

  • • Prise en compte de critères écologiques dans la construction du site : hébergement,
    poids et complexité des pages, sobriété visuelle
  • • Création d’un site simple, navigable, facile d’accès et facilement compréhensible
  • • Fonctionnel avec tous types de supports (tablettes, ordinateurs, mobile)
  • • Fournir de manière simple, organisé et éco-conçu les ressources d’HF Bretagne
  • • Valoriser les actions de l’association passées mais aussi en cours
  • • Permettre aux internautes de nous contacter, d’adhérer, de s’inscrire à la newsletter
  • • Un site facile à animer (avec un système d’administration simple et accessible)

UX/UI Design

Après quelques rendez-vous pour l’arborescence et les besoins de l’utilisateur, j’ai travaillé sur les wireframes. Ce dernier a permis davantage de spécifier le besoin de l’utilisateur mais aussi de mieux hierarchisé le contenu.

 

Le contenu étant assez conséquent, il fallait trouver un certain équilibre entre infobésité pour l’utilisateur, poids de la page, complexité du DOM et requêtes mais aussi le besoin de créer des pages suppélementaires.

Maquettes téléphone et ordinateur du site internet éco-responsable de HF Bretagne

 

L’idée du pattern, où chaque forme compose un tout malgré leur différence, de l’association de formes qui s’unissent pour en former qu’une seule, des arrondis pour apporter de la douceur et de l’unité me paraissaient important pour le Web Design du site web tout en étant en cohérence avec l’identité visuelle créée par Leïla.

 

 

Maquettes téléphone du site en éco-conception web de l'association HF Bretagne

 

 

Performances Web

Le site désormais en ligne et l’optimisation du site web côté serveur faite, j’ai pu tester les performances web.

 

Performance environnementale à la mise en ligne :

 

Ecoindex : catégorie B (77,5 / 100 – catégorie A à partir de 81/100)

  • Poids moyen des pages : 412,1Ko (moyenne du Web actuel : 2410Ko)
  • Nombre moyen de requêtes par page : 14 (moyenne du Web actuel : 78)
  • Taille moyenne du DOM : 386 (moyenne du Web actuel : 693 )

 

Constat du web avec ÉcoIndex lors du test du site.

 

• Website Carbon Calculator :

0,06g équivalent C02 à chaque visite du site (4.61g de CO2 en moyenne par page pour un site non éco-conçu selon Wholegrain Digital, créateur de Website Carbon Calculator)

 

Performance globale sur la page d’accueil :

• Pingdom Tools : 91/100
• Page speed insights, version mobile : 100/100
• Page speed insights, version desktop : 100/100

 

Informations des moyennes sur le web : Rapport de l’état du web de janvier 2023 du site https://httparchive.org

 

Performance web du site internet éco de HF Bretagne