Volont’R asbl s’offre un nouveau site web

  • Graphisme, Web

Mungo Graphic signe la refonte du site internet de Volont’R asbl.

Le commencement : un audit

Le travail a commencé par un audit du site existant. Cet audit a permis de révéler les pistes d’amélioration à mettre en oeuvre pour la version 2.0. L’objectif final était d’avoir un site plus fonctionnel, plus simple. Il est primordial que l’utilisateur trouve facilement l’information qu’il cherche.

Les principales actions qui en sont sorties étaient :

  1. Simplifier la structure
  2. Améliorer l’ergonomie afin de faciliter l’expérience utilisateur (UX Design)
  3. Optimiser le référencement (Ajustements des contenus, optimisation des balises, Sitemap…)

Besoin d’un audit pour votre site web ?

Les workshops de structure

Pour améliorer le site web, la première mission était de revoir la structure et de la simplifier.

Lors de plusieurs ateliers avec l’équipe, nous avons pu :

  • définir les différents publics cibles (personae)
  • imaginer la structure du nouveau site
  • tester le parcours des différents utilisateurs

Vers une meilleure ergonomie

Après ce travail préparatoire nous avons réalisé des wireframe.

Wireframe, qu’est-ce que c’est ?

Il s’agit d’un design basique en noir et blanc. Les wireframe permettent de positionner les éléments et de réfléchir à l’expérience utilisateur. Ils définissent les emplacements des textes et images, des boutons, du menu… de tout ce qui compose la page web.

Création de wireframe

On peut définir les wireframe comme des maquettes ou des prototypes. Ils permettent de tester les comportements des utilisateurs. Grâce à cela, on peut simuler le fonctionnement du site web selon les objectifs de départ.

Après les wireframe…

Une fois validés, les wireframe ont été déclinés en design. C’est seulement à cette étape que les zones grises ont été mises en couleur.

Les couleurs du site web ont été définies par la charte graphique de notre client. Sans grande surprise, elles sont en lien avec les couleurs de son logo. Ces couleurs sont majoritairement utilisées sur l’ensemble de ses supports de communication.

C’est également à cette étape que nous avons défini les polices d’écriture. Nous plaçons les textes sur le design, afin d’avoir une page statique qui ressemblera le plus possible à la page web.

Votre site a besoin d’un lifting?

Le développement du site web

Après le design, les layouts ont enfin pu passer dans les mains du web développeur. En règle générale, sa mission est de convertir les maquettes et design statiques en page web.

C’est alors que le site est « en ligne » et accessible via son url unique. Dans le cas présent : www.volontr.be

Au delà de ça, le web développeur procède à différentes mises en place :

  • Adaptation responsive
  • Gestion du cache
  • Moteur de recherche
  • Gestion des cookies
  • Formulaire de contact
  • Recaptchar Google

Nous créons votre site responsive

Optimisation SEO

Le but de l’optimisation SEO est de mieux positionner le site sur les moteurs de recherche. Donc, d’être davantage visité.

Les étapes de ce travail ont été réalisées par un copywritter, expert en web-marketing.

Son travail ?

  • Mener un travail de rédaction selon les bonnes pratiques de l’écriture web
  • Optimiser les différentes balises (title, metadescription…)

Vous avez besoin d’un site internet ?

Contactez notre agence web

Tous nos devis sont GRATUITS !


Expertises mises en œuvre :

  • Audit du site web
  • Réunion de briefing
  • Workshops (définition de la structure selon les personae)
  • Conception des wireframe
  • Design des layouts web
  • Mise en place du site internet
  • Site configuré en HTTPS et RGPD compliant
  • Intégration des réseaux sociaux
  • Création de contenu (copywritting)
  • Optimisation SEO