Refonte du site ExpertinBox.com

ExpertinBox aide les entreprises à développer leur activité à travers un accompagnement et des prestations dans divers domaines du marketing

Ils proposent aussi des box marketing comprenant tout ce dont vous avez besoin pour devenir indépendant sur un sujet spécifique : Facebook, emailing, CRM, enquêtes clients.

J’ai travaillé sur la refonte du site. L’objectif était de bâtir une page d’accueil centrée sur les box.

Page d’accueil

Page d’accueil du nouveau site expertinbox.com

Détails de la page d’accueil

En-tête du nouveau site

En-tête de la page d’accueil
La capture d’écran donne un contexte à l’utilisateur, notamment sur la forme d’une box et son utilisation. L’accroche est accompagnée d’une liste de tâches qu’elles peuvent vous aider à réaliser. Ainsi, tout est résumé dès les premières secondes de visite sur le site.

1ère section de la page d’accueil : introduction au concept de box

1ère section : Introduction au concept de box marketing
La première colonne donne la définition d’une box marketing. Le reste de cette section explique son déroulement. Les chiffres utilisées avant chaque élément renforcent la sensation que le programme est structuré, rigoureux.

2ème section : Présentation des box
J’ai choisi un design de carte pour bien démarquer chaque produit en prenant un minimum de place. Chaque carte a une en-tête de couleur différente accompagné d’un label et d’une icône pour faciliter le balayage visuel.

Les jeudis d’Émilie
Le second objectif de la page d’accueil était de promouvoir la chaine Youtube de l’entreprise, Les jeudis d’Émilie. Ce bloc est aussi repris dans le pied de page et dans la sidebar des autres pages du site.

Pages produits

La contrainte budgétaire ne permettait pas de développer les pages produits en partant de zéro. Je me suis lancé dans un défi personnel : tenter d’adapter ces pages avec le nouveau design uniquement avec du code CSS. Voici le résultat :

À gauche la page de l’ancien site. À droite, la même page avec une refonte réalisé uniquement en CSS.

Page “conseil marketing”

Toutes les autres pages sont conçu à partir du même gabarit que celui présenté ci-dessous.