HF Bretagne

Description

Créé en 2013 en 2013, HF se forme en Bretagne, sous l’impulsion de professionnel·les des 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.

    Services

  • Conseil
  • 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
  • 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 éco-responsable

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.

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.

Typographies

Couleurs

Maquettes graphiques

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)

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

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