Avoir un site web à son image : refonte du site Energising Concept

par | 11 Déc 2017 | Etudes de cas | 0 commentaires

Aujourd’hui, je vous emmène visiter le site web Energising Concept, blog dédié au coaching sportif et à la préparation mentale. De la navigation au design en passant par le contenu textuel, ce site web a été entièrement repensé et retravaillé pour plus de modernité et de clarté.

Quels secrets et astuces de conception se cachent derrière la refonte de ce site ?

C’est ce que je vous propose de découvrir en images !

 

1. Les motifs de la refonte du site Energising Concept

Nous avions analysé dans une précédente vidéo, les faiblesses de la page d’accueil du site web Energising Concept :

  • Une proposition de valeur confuse
  • Un design général éloigné de l’univers du sport
  • Une inscription difficile à la newsletter
  • Des interactions / informations superflues pour le visiteur
  • Un texte long et peu incitatif à la lecture
  • Et enfin, un pied de page peu fonctionnel et sans lien direct avec l’univers du sport

Ces freins complexifiaient la navigation sur le site et gênaient la compréhension des prestations proposées.

Page Accueil Energising Concept

Ancienne page d’accueil du site Energising Concept, blog dédié au coaching sportif

La refonte du site web s’est ainsi articulée autour de 3 axes de travail :

  • Doter le site web d’un design moderne, dynamique et épuré
  • Intégrer des contenus visuels immersifs et des contenus textuels synthétiques
  • Assurer une navigation fluide sur le site web

Voyons à quoi ressemble le site internet d’Energising Concept maintenant !

La nouvelle page d’accueil du site Energising Concept après refonte

 

2. Le nouveau site web d’Energising Concept

a. Une navigation fluide

L’arborescence du site a été modifiée pour mettre en valeur les prestations d’accompagnement, les conférences ainsi que les activités sportives proposées.

 

b. Des contenus visuels immersifs et des contenus textuels synthétiques

Sur la page d’accueil, des visuels plein écran ont été insérés dans un diaporama pour immerger le visiteur dans l’univers du sport et du développement personnel.

Ensuite, les principales prestations proposées par le coach sont mises en avant et des boutons incitent les visiteurs à les découvrir.

Vient ensuite une présentation du blog et de son auteur qu’on retrouve sous forme textuelle et vidéo. L’objectif ici est notamment d’incarner le site, de rassurer les visiteurs car il existe de nombreux acteurs dans le monde du coaching sportif et du développement personnel.

Nous retrouvons ensuite un espace dédié à l’animation éditoriale qui met en avant les derniers articles publiés avec des effets sur les blocs pour plus de dynamisme.

Puis nous arrivons à un espace dédié à l’abonnement à la newsletter. Cette fois le bloc est affiché intégralement.

Enfin, les coordonnées du coach sont indiqués en pied de page ainsi que les liens vers les réseaux sociaux et des liens vers les pages principales du site. Ce qui rend ce pied de page fonctionnel et efficace.

Sur les autres pages du site, nous voyons que de nombreuses photos illustratives ou explicatives ont été utilisées pour donner vie au site. Des citations qui mettent en avant l’état d’esprit du coach ont également été mises en valeur pour transmettre l’identité du coach.

 

c. Un design moderne et épuré

L’univers du sport est généralement associé à l’énergie, au loisir ainsi qu’au plaisir. Les choix graphiques doivent donc être adaptés à ce positionnement. Ici, des visuels immersifs ont été choisis pour plonger le visiteur dans l’univers du sport dès la page d’accueil.

D’un point de vue des couleurs, le bleu lagon a été choisi pour représenter la fluidité et le mouvement et l’orange apporte une touche de dynamisme et de gaieté. L’abus de teintes trop vives pouvant nuire à l’expérience utilisateur, l’orange a été utilisé avec parcimonie.

Enfin, pour un design moderne, l’interface a été conçue de façon simple et intuitive utilisant des aplats de couleurs vives sur les boutons ainsi que des pictogrammes simples et épurés.

 

Si vous aussi vous souhaitez relooker votre site web pour le moderniser et afficher une image plus professionnelle, vous pouvez me contacter à l’adresse : contact@lauremariet.com, je serai ravie de vous accompagner dans ce projet.

Si cette vidéo vous a plu, je vous invite à la commenter et la partager.

A bientôt !

0 commentaires

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Shares
Share This