Près de 4 ans après la première refonte, le design du site Atouts Prospects commençait à accuser son grand âge et le lancement de nouvelles prestations comme la formation à l’éco-conduite était l’occasion pour notre cliente de moderniser le site.

Le programme de la refonte

• une simplification des contenus : plus courts et plus clairs pour aller à l’essentiel
• une nouvelle optimisation du référencement naturel, objet principal des premières refontes réalisées en 2005 et 2007
• une nouvelle charte graphique : plus actuelle, plus efficace et une arborescence simplifiée

Les clés du nouveau design

Intégré lors de la seconde refonte du site, la photo du téléphone rouge est devenue l’image marquante et démarquante de la société faisant souvent l’objet de remarques « amusées » des clients. Il était un passage obligé de la nouvelle page d’accueil et a désormais pris une place plus importante. La page d’accueil garde la même différenciation qu’auparant avec sa couleur sombre préservée sur les autres pages pour l’en-tête et le pied de page.

Les contenus devant être plus synthétiques, nous avons choisi de rédiger pour chaque page, sur les bases des anciens textes, une introduction d’accroche et trois points détaillant les prestations et leurs avantages.

Le pied de page a pris de l’embonpoint en intégrant le « Qui sommes-nous » ainsi qu’une zone « Vos questions » offrant à l’internaute de créer un lien direct avec la dirigeante de la société en rendant le site plus « personnel ».

L’éco conduite, un traitement à part

Sur la base de la page d’accueil, l’éco-conduite a le doit a un traitement différencié des autres de pages de contenu afin de servir de page d’atterrissage pour des communications spécifiques.

Inspiré de la « Paper City » de Joel Henriques, les dessins ont été créés spécifiquement pour Atouts Prospects avec l’intention de créer un visuel original à l’instar du téléphone rouge de la page d’accueil.

Les petits détails

Le design du site est minimaliste ce qui ne nous a pas empêché d’y placer quelques raffinements esthétiques tels que les lignes de séparation de l’en-tête et du pied de page qui changent de couleur dès que l’internaute survole ces zones. La couleur de surlignement est rouge sur l’ensemble du site à l’exception de la page éco-conduite qui se pare de vert pour tous les éléments actifs (liens et boutons).

En cas d’erreur (page non trouvée), la page « 404″ offre un clin d’oeil au téléphone rouge de la page d’accueil et place l’internaute en rase campagne avec une cabine téléphonique comme solution de secours. Page peu vue, mais petite surprise nécessaire pour re-router les visiteurs égarés !

Sur le plan technique, sans encore aller piocher dans une structure HTML5, le site fait appel à quelques règles CSS3 de base (arrondis, ombrés) pour affiner encore l’esthétique en assurant une compatibilité maximale et une expérience identique quelque soit le navigateur.

En conclusion

Le site Atouts Prospects, version 2011, a fait l’objet d’une prestation complète allant du conseil sur l’organisation de l’information à la réalisation et au référencement en passant par la rédaction des contenus et la création graphique.

Si vous cherchez une société pour réaliser une prospection téléphonique efficace ou rédigez vos scripts d’appels percutants, n’hésitez plus et visitez le site atouts-prospects.com !