Qu’est-ce qu’une refonte graphique ?

Refondre graphiquement un site consiste à changer son design et son ergonomie.
Étape incontournable de la vie d’un site web, la refonte graphique se déroule en plusieurs étapes :

- Audit du site existant
- Détermination des objectifs
- Choix graphiques en fonction des objectifs
- Réalisation d’un zoning
- Création d’une maquette
- Mise en ligne de la maquette

Pourquoi avoir relooké notre blog ?

Il ne correspondait plus à l’image que nous souhaitions lui donner, l’ancienne version ne nous plaisait plus et ne vous plaisait plus ! Petit rappel, voici comment était notre blog avant.

Cette refonte graphique s’est accompagnée d’une refonte fonctionnelle non-négligeable. En effet, de nouvelles fonctionnalités sont venues se greffer au blog.

Nos designers, directeur de création, directeur artistique et webdesigners, ont réalisé cette nouvelle version afin de répondre aux attentes des lecteurs du blog.

Quels sont les objectifs de cette refonte ?

- Mettre en valeur l’actualité de l’agence
- Proposer un blog attractif pour l’internaute, le moderniser.
- Améliorer la lisibilité de l’information
- Rendre le site plus ergonomique
- Faciliter la navigation au sein des catégories
- Générer plus de trafic sur le blog

Focalisons-nous sur le terme ergonomie :

Nous avons souhaité rendre le site plus ergonomique afin de satisfaire nos lecteurs. Un site ergonomique se préoccupe avant tout de ses utilisateurs. Il répond aux besoins de ses visiteurs et les satisfait. Il satisfait les critères d’utilité et d’utilisabilité -> Explications :

1er critère : Utilité, c’est répondre à un besoin = capter.
Les internautes viennent avec un objectif.

2ème critère : Utilisabilité, c’est faciliter la satisfaction d’un besoin = Prolonger.
On doit les aider à y arriver le plus facilement possible.

Utilité + Utilisabilité = Interface ergonomique.

Focus sur les principales évolutions :

Au programme, 3 changements majeurs :

- Menu surdimensionné
- Bloc Actualités en images
- Mise en avant des derniers articles de chaques catégories

1 . Menu surdimensionné

Un menu en rollover surdimensionné propose un accès aux derniers articles de chaque catégorie. Un visuel est placé pour illustrer le dernier article.

Le principal avantage est un accès plus direct aux contenus. Nos designers ont imaginé un fond blanc et des espaces suffisants afin d’aérer l’information.

2 . Bloc Actualités en images

Placé dans la zone de flottaison, l’encart Actualités permet de relayer les informations importantes. Nous souhaitions mettre en avant plusieurs actus, le moyen le plus classique est le carroussel, défilement d’informations que l’on trouve sur de nombreux blogs.

Afin de nous démarquer et de simplifier la navigation au maximum, nous avons choisi cette option plus originale.

3 . Mise en avant des derniers articles de chaque catégorie

Les catégories du blog disposent de leurs propres espaces sur la page d’accueil afin de faciliter la navigation et hiérarchiser l’information. Au sein de cet espace, un visuel et un court extrait pour le dernier article et le titre de deux autres actualités.

Chaque catégorie est représentée par une couleur distincte, couleurs que l’on retrouvent d’ailleurs dans le menu surdimensionné.

Nous espérons que cette refonte puisse répondre à vos attentes… Les critiques constructives sont appréciées !

Vous souhaitez découvrir nos réalisations graphiques, voici notre showreel.

Vous désirez refondre votre blog ou votre site web ? Contactez-nous.