• joueur
  • utile
  • novateur
  • impliqué
  • ouvert
  • révolutionnaire

En poursuivant la navigation sur notre site vous acceptez l’utilisation des cookies. Perso, nous on préfère les brownies pour le goûter ! En savoir plus

Refonte graphique et technique d’un site internet

Comment moderniser son site web dans le cadre de sa transition numérique ?

Rando’s Ile-de-France est une association LGBT créée en 1986 prônant des valeurs humaines telles que la solidarité, le respect de l’autre et de ses différences. Elle propose à ses membres de se retrouver régulièrement autour d’activités culturelles et sportives. Après avoir entamé sa transition digitale il y a plus de 10 ans avec un premier site internet, Rando’s a fait appel à Synerg’hetic pour en effectuer la refonte totale graphique et technique, afin de moderniser à la fois son image et ses outils d’administration qui devenaient vieillissants.

Ils ont travaillé sur ce projet

  • Marin d’Assignies

    Marin d’Assignies

    Chef de projet

  • Hugo Chapelain

    Hugo Chapelain

    Designer graphique et UX/UI

  • Alphonse Bouy

    Alphonse Bouy

    Développeur Full Stack

Page d'accueil du nouveau site Rando's Île de France

Notre proposition de valeur

Concevoir un site moderne et performant aussi bien pour les utilisateurs que pour les administrateurs

La problématique de Rando’s IDF était double : rajeunir son image, et surtout moderniser ses outils d’administrations pour obtenir plus de facilité d’utilisation, plus de performance, et plus de sécurité. Nous leur avons donc proposé un site statique, moderne et performant, doublé d’un espace d’administration entièrement personnalisé basé sur WordPress, gage de fiabilité et de sécurité. Tout en créant un design neuf, mais respectant l’identité de l’association et les grandes lignes du précédent site, de façon à ne pas perdre les utilisateurs lors de la mise à jour.

  • 3 itérations


    pour le design de la page d’accueil

  • 300


    utilisateurs réguliers sur le site

  • 7 pages


    uniques conçues

Comparaison de la page d'accueil entre l'ancien et le nouveau site

Créer un site moderne et durable.

Une identité rajeunie mais cohérente

L’ancien site étant en ligne depuis 10 ans, le design était vieillissant et il fallait y remédier pour rester dans l’air du temps. Le site était néanmoins utilisé par des dizaines d’utilisateurs ayant leurs habitudes : le défi fut donc de moderniser ce design tout en gardant la majorité des parcours utilisateurs en place afin que la transition puisse se faire aisément. Toute la refonte s’est faite en co-conception avec Rando’s Île-de-France, chaque page ou presque faisant l’objet de plusieurs itérations, afin que le résultat final soit en parfaite adéquation avec la vision du client.

Maquettes desktop - Case Study Rando's IDF | Synerg'hetic

Un espace d’administration complet et facile d’utilisation

Si le design était vieillissant, les outils d’administration ne l’étaient pas moins. Le CMS ainsi que l’interface avaient accumulé de nombreux bugs au cours des années qui commençaient à poser problèmes : les administrateurs n’avaient plus confiance et avaient peur de mettre le site hors d’usage. Il a donc été décidé de recréer toutes les fonctionnalités originales du site sur WordPress. CMS utilisé mondialement et régulièrement mis à jour, cette solution permettait d’assurer la sécurité requise. WordPress est également idéal pour ce type de site aux contenus multiples avec un besoin fort de gestion des utilisateurs. Très modulable, il fut facile d’y ajouter les nombreuses fonctionnalités annexes de gestion de rôle, paiements des cotisations, inscription aux événements et mailing.

Maquettes mobiles - Case Study Rando's IDF | Synerg'hetic

Un site front-end moderne et performant grâce à Nuxt

Afin de garantir la rapidité du site et sa performance, nous avons choisi de développer un site entièrement statique et re-généré à chaque mise à jour de contenu. Ce site statique a été rendu possible grâce à l'utilisation du framework de développement Nuxt, basé sur la librairie JavaScript Vue. La mise en place de cette technologie s’inscrit totalement dans la dynamique de l’architecture JAMStack qui s’impose désormais comme la référence d’une production web moderne.

“On saisit les randonnées beaucoup plus vite, tout est très clair et bien tracé, rapide, beau. ”

Mathieu Animateur à Rando’s IDF

Et si notre prochaine fierté c’était votre projet ?