Refonte site internet Toulouse - Présentation de la nouvelle page d'accueil

Refonte d’un site internet : « avant-après »

Exemple du site vitrine de Philippe Lejeune Pianiste à toulouse

 

 

REFONTE D’UN SITE INTERNET… OU POUR UNE REFONTE TOTALE !

Diagnostic de l’ancien site avant la refonte :

La refonte d’un site internet n’est jamais évidente à envisager tant elle implique d’éléments.

Philippe Lejeune, pianiste notoire sur Toulouse, de renommée internationale (représentations régulières aux Etats-Unis) était bien conscient que son site internet, bâti, il y a environ 10 ans devait être repensé.

Il s’est inscrit dans une réflexion critique qui l’a amené à envisager une refonte de son site internet afin de « gommer » les éléments dépassés :

  • La technologie du site, site en html, rend complexe la mise à jour du contenu
  • La mise en page fixe est alignée sur la gauche ; le contenu est illisible sur les tablettes et les smartphones
  • L’accueil, index.html, qui est un ‘copier-coller’ de la page « Bio »
  • Le site n’est pas un vrai site Bilangue : pages non traduites, menu identique pour les 2 versions,…
  • Le graphisme manque d’épure : palette de couleurs, bords arrondis, effets de texture des boutons langue…
  • Les médias, fichiers sons et vidéos ne sont pas intégrés dans les pages dédiées

Cette liste n’est pas exhaustive mais permet déjà de dessiner les contours du nouveau projet.

Dans le cadre d’une refonte de site internet, il est primordial de faire un diagnostic complet afin de s’assurer que ce projet correspond bien aux besoins du client mais aussi que le devis sera calculé au plus juste.

Refonte d'un site internet - site vitrine de Philippe Lejeune à Toulouse

Ce projet de refonte de site a été défini à partir d’un diagnostic complet dans les 4 domaines suivants :

 

1 – La Technologie web

2 – L’Ergonomie

3 – Le Graphisme

4 – Le Contenu rédactionnel

Refonte d’un site internet : Changement de TECHNOLOGIE

Refonte d'un site internet : avant la refonte
Avant la refonte d'un site internet : site inadapté aux mobiles

 AVANT

close_sign_25x25 Le site n’est pas lisible sur les tablettes et les smartphones. Il est en dimension fixe, avec marge gauche.

close_sign_25x25Il n’y a pas d’interface d’administration. La mise à jour se fait par modifications et transferts de fichiers html par protocole FTP… Pas pratique !

 

 

Refonte d'un site internet : après la refonte
Après la refonte d'un site internet : site adapté aux mobiles

 APRèS

blue_tick_25x25 Le site est Responsive Web Design ; il s’adapte aux tablettes & aux smartphones.

blue_tick_25x25Il est équipé d’un interface d’administration qui permet à ce pianiste de gérer en toute simplicité les annonces de ses dates.

 

Refonte d’un site internet : Modifier l’ERGONOMIE & LE GRAPHISME

 

 

Avant la refonte d'un site internet : bandeau d'accueil

 AVANT

close_sign_25x25 Le Slider est composé de 6 photos sans slogan ou message spécifique à chaque photo. Il est commun à l’ensemble des pages.

close_sign_25x25 Le graphisme, dans les tons chauds, les arrondis et les effets de texture ne sont plus actuels.

close_sign_25x25 Les boutons « Langues » ne sont pas homogènes. Le drapeau de la langue en cours d’affichage est inutile.

close_sign_25x25 L’Email n’est pas cliquable.

 

Après la refonte d'un site internet, bandeau d'accueil

 APRèS

blue_tick_25x25 Le slider est réduit à 3 photos. Chaque photo délivre un message clair ; l’accroche est plus efficace.

blue_tick_25x25 Le style graphique est épuré et les lignes simples ; la lecture est facilitée.

blue_tick_25x25 Le site est maintenant un véritable site Bilangue ; seul le drapeau de la traduction disponible est affiché.

blue_tick_25x25 L’Email en bandeau est cliquable. Le numéro de téléphone est en appel direct sur les smartphones.

Avant la refonte d'un site internet : affichage illisible

 AVANT

close_sign_25x25 Les extraits des pistes des CD ne sont pas intégrés dans les pages ; les liens renvoient à une nouvelle page en aveugle.

close_sign_25x25 L’identitée visuelle de cette page n’est pas marquée.

 

 

Après la refonte, affichage parfaitement lisible

 APRèS

blue_tick_25x25 Les extraits musicaux peuvent être écoutés tout en naviguant dans la page.

blue_tick_25x25 L’identité de cette page phare pour un musicien est renforcée par un visuel fort.

Refonte d’un site Internet : Redéfinir le contenu rédactionnel

 

 

Avant la refonte d'un site internet : Contenu rédactionnel pauvre

 AVANT

close_sign_25x25 L’identité visuelle de la page « Presse » n’est pas marquée.

close_sign_25x25 La présentation des articles de presse est linéaire et rébarbative.

 

 

Après la refonte d'un site internet : Contenu rédactionnel enrichi

  APRèS

blue_tick_25x25 La page « Presse » a un visuel qui renforce son identité.

blue_tick_25x25 La présentation des articles sous forme d’articles « épinglés » incite à la lecture.

 

Avant la refonte d'un site internet : Ergonomie à revoir

  AVANT

close_sign_25x25 Les dates, présentées dans une frame à gauche sont déconcertantes.

close_sign_25x25 La partie centrale de la page, totalement vide, rend l’ensemble abscons.

 

 

Après la refonte d'un site internet : Ergonomie corrigée

  Après

blue_tick_25x25 Les extraits sont au coeur de la page.

blue_tick_25x25 Comme pour toutes les pages de ce site, le visuel en bandeau, renforce l’identité de cette page. 

Notre ambition ? La satisfaction de tous nos clients

 

note de satisfaction moyenne de nos clients : 4,9/5

source : avis google my business

Entièrement satisfait !

Je suis entièrement satisfait de la transformation totale de mon site en un site moderne répondant aux critères actuels d’interactivité et d’adaptation à toutes formes d’écran, ce qui me permettra de mieux projeter mon offre culturelle dans un marché musical complètement mondialisé. Côté travail, rigueur, conseil, et professionnalisme sont à mettre au crédit de 3WCONSULT.

Source : Avis Google My BUsiness

Philippe LeJeune

Pianiste, Association Jazz Vivant