Refonte de site

Nous vous conseillons et exécutons l’intégralité du projet de refonte de votre site Web.

Ce service est fait pour vous, si votre site Web actuel a déjà quelques années au compteur et que pour des raisons techniques, de performances commerciales ou encore de design vous ressentez le besoin de le refaire.

Faites de votre site Web,
le coeur de votre dynamique digitale

Toucher votre cible, acquérir des demandes entrantes, activer la confiance de votre réseau, démontrer votre expertise, votre crédibilité ou appuyer sur l’unicité et les bénéfices de votre produit/service … sont les véritables raisons d’y investir votre temps, votre énergie et votre argent.
Illustration Refonte Site

Références

Quelques réalisations

Notre service :

Nous vous conseillons puis exécutons l’ensemble des missions relatives à votre projet de refonte de site internet afin de vous livrer un résultat clé en main.

À travers 6 pôles, sur lesquels vous nous communiquez votre besoin d’améliorations par rapport à l’existant.

Les 6 pôles d’intervention : Design, Référencement, Expérience utilisateur, Optimisation de la conversion, Acquisition publicitaire et technique.

Budget :

Remplissez le formulaire ci-dessous pour vous entretenir avec un de nos gestionnaires de projet Web et obtenir une proposition personnalisée :

Grille tarifaire

Nos tarifs
pour la refonte de votre site

Ci-dessous vous trouverez notre grille tarifaire concernant nos services de refonte de sites vitrines 

Services "Vitrine" Coût moyen HT
Zoning
290€ / page
Setup WPBA Vitrine
490€
Maquette graphique
890€ / Page
Production d'un "BA Bloc"
80€
Responsive gamme essentielle
300€
Intégration Analytics avancée
390€
Déploiement
490€*
Page simple
10€

*Le déploiement est offert en cas de souscription au service Hébergement / monitoring "essentiel".

Qu'est-ce que le zoning ?

Le Zoning consiste à produire un prototype d’une à plusieurs pages du site en prenant en compte les différentes contraintes et objectifs du projet à court, moyen et long terme, soit :
  • L'expérience utilisateur

    Qualité des mises en page et de la navigation.

  • L'OCR

    Optimisation des taux de conversion.

  • Le SEO

    Référencement naturel.

  • Le SEA

    Référencement payant.

Comprendre en vidéo :

Afin que vous puissiez mieux comprendre ce qu’est un zoning, voici un document sur lequel vous trouverez : À gauche le zoning, à droite la maquette qui en découle : Cliquez-ici

Que comprend le Setup WPBA Vitrine ?

Le Setup WPBA Vitrine comprend l’installation et la configuration initiale de l’ensemble des composants nécessaires à la conception de votre site Web, soit :

  • Base de données

    Installation de la base de données sur le serveur.

  • WordPress

    Installation du framework WordPress.

  • Thème

    Installation du thème Business Antidote.

  • Plugins

    Installation et configuration des plugins essentiels.

  • Oxygen Builder

    Installation et configurations du page builder oxygen.

  • SEO

    Meta-title, meta-description et mise en cache.

  • Accès & Sécurité

    Personnalisation de l'url d'accès au back-office & nouveau super-admin.

  • Analytics

    Création du compte et installation de Google Analytics.

Concernant Oxygen Builder :

Votre site sera réalisé via le Builder Oxygen. Vous pourrez donc facilement, créer/modifier des pages avec un haut niveau de qualité esthétique tout en conservant une vitesse de chargement optimale.

Voici 2 exemples : Centres Medident – L’indépendante production 

Pourquoi la vitesse de chargement est importante ?

L’utilisation du Builder Oxygen, notre hébergement haute qualité et nos mises en cache avancées ont pour principal objectif de compresser drastiquement les temps de chargement des pages de votre site.

En effet le temps de chargement impact fortement deux indicateurs de performance de celui-ci : Le référencement naturel de votre site et les taux de transformation de vos visiteurs en prospects ou clients.

Qu'est-ce que la maquette graphique ?

La maquette graphique est l’étape qui succède à celle du zoning.

C’est une version « Photo-réaliste » d’une ou plusieurs pages de votre site créée sur le logiciel Adobe XD.

Afin de compresser les coûts liés au design, il est courant de créer uniquement la maquette de la page d’accueil.

Ainsi, les éléments graphiques de cette page ( Header, Footer, icônes, typo, couleurs … ) seront ré-utilisés sur l’ensemble des pages du site.

Zoning Et Maquette Graphique Refonte

Est-ce obligatoire de passer par cette étape de maquette ?

Non ! L’étape de maquette n’est pas obligatoire. Dans les faits, lorsque vous validez le zoning, la direction artistique et la ou les couleurs du projet, le résultat visuel du site sera parfait sans passer par cette étape coûteuse.

En effet, l’étape de maquette est avant tout utile lorsque votre projet nécessite un degré d’exigence important vis à vis de votre identité de marque actuelle ou qu’il est nécessaire pour votre entreprise de travailler sur des innovations graphiques fortes.

Aussi, l’étape de maquette permet un meilleur contrôle du projet. En faisant valider la ou les maquettes avant de passer à l’étape d’intégration ( Transformation en « vrai site » ) par votre hiérarchie, vos associés ou collaborateurs, vous vous « protégez » d’éventuels avis divergents en fin de projet. 

Qu'est-ce qu'un "BA Bloc" ?

La notion de « blocs » est une notion centrale dans l’innovation qu’apporte notre agence sur le marché de la conception / refonte de sites Web.

Contrairement à d’autres secteurs, il a toujours été difficile en conception Web d’apporter une réponse rapide et précise aux questions concernant le rapport Prix / qualité / quantité. 

Par exemple, dans les métiers du bâtiment il est d’usage de comprendre le niveau de qualité, de quantité et de prix avec la notion de m2. Carrelage entrée de gamme posé 20€ du m2, Carrelage haut de gamme 80€ du m2. La surface définissant ensuite la quantité de travail.

Dans l’automobile, la fabrication est de série. Il est donc assez simple de poser un prix sur un modèle étant donné que le coût de fabrication est connu à l’avance et ne diffère pas grandement d’un client à un autre.

Les notions de chiffrage traditionnelles étants non adaptées lorsqu’il s’agit d’un site Web nous avons fait le choix d’introduire la notion de blocs. 

Un bloc est un morceau de contenu mis en page avec un format ou une fonctionnalité spécifique. Votre site pourra être composé d’une à plusieurs pages et chaque page pourra être constituée de 3 à 15 blocs. 

Un bloc pourra être utilisé une seule fois sur l’intégralité du site, à l’identique sur plusieurs pages ou même dupliqué & modifié.

Le catalogue de "BA blocs" :

Ci-dessous, vous trouverez les 10 blocs les plus utiles et utilisés en conception de site Web moderne.

Le bloc "Header" contient :

  • 1 x Logo de l'entreprise.
  • 1 x Menu principal du site.
  • 1 x Call to action ou numéro de téléphone.

Le bloc "Banner" permet à vos visiteurs de comprendre en 2 à 3 secondes ce que vous faites, quelle est votre promesse ou votre valeur ajoutée et de passer à l'action rapidement. Ce bloc contient :

  • 1 x Photo ou image d'arrière plan au format paysage.
  • 1 x Tagline ( Phrase d'accroche ).
  • 1 x Paragraphe court ou liste de bénéfices.
  • 1 x Call to action ( Bouton vers une page ou une action spécifique )

Le bloc "Étapes" permet à vos visiteurs de comprendre les étapes clés d'un processus comme :

  • Les 3 étapes pour accéder à votre résultat.
  • Les 3 étapes pour obtenir un devis.
  • Les 3 étapes de votre processus de travail.
Ce bloc est composé de 3 à 4 Colonnes ( Pictogramme + titre + texte ).

Le bloc "Contenu" permet de présenter n'importe quel contenu texte de manière illustrée.

Ce bloc peut être présenté en 2 à 4 colonnes et sur 2 à 3 niveaux.

Il est généralement constitué de texte, d'images et/ou de vidéos.

Comme son nom l'indique le bloc "Listing" permet d'afficher des listes sur 1 à 4 colonnes.

Ce bloc est souvent utilisé pour afficher :

  • Des listes de services
  • Des listes de fonctionnalités
  • Des listes de prix.

Le bloc "Pricing" permet d'afficher vos prix sous 3 formes au choix:

  • En 3 colonnes.
  • Sous forme d'une liste.
  • Sous forme d'un tableau

Le bloc "Témoignages" permet d'afficher plusieurs témoignages de vos clients afin d'apporter plus de confiance à vos visiteurs et prospects. 2 compositions sont disponibles :

  • En 3 colonnes ( Photo ou vidéo + texte de témoignage )
  • Sous forme d'un slider glissant.

Le bloc "Derniers articles" permet d'afficher directement vos derniers articles de blog publiés, en bas de page ( Accueil ou autre ).

Cet outil permet d'optimiser votre référencement naturel et d'accroitre la confiance de vos visiteurs dans votre expertise lorsque les contenus choisis sont pertinents.

Le bloc "Contact" permet à vos visiteurs de vous contacter, d'effectuer une demande de devis ou de démonstration. Il est composé comme suit:

  • 1 x Formulaire de contact.
  • 1 x Google map dynamique.
  • 1 x Liens sociaux.
  • 1 x Coordonnées.

Le bloc "Footer" est la partie la plus basse du site. Ce bloc contient :

  • 1 x Logo de l'entreprise.
  • 1 x Menu secondaire du site ( Mention légales, CGV )
  • 1 x Call to action ou numéro de téléphone.
NB : Tout ou partie du menu principal peut être repris dans ce bloc.

Comprendre en image :

Afin que vous puissiez mieux intégrer la notion de « blocs », vous trouverez ci-dessous une page composée de quelques blocs.

NB : Cliquez sur les images pour les agrandir …

Qu'est-ce que le responsive gamme essentielle ?

Le responsive gamme essentielle représente une phase d’ajustement de la présentation du site pour que celui-ci soit totalement compatible techniquement et esthétiquement avec les périphériques mobiles et tablettes.

Pourquoi gamme essentielle ?

Il existe différents niveaux de qualité lorsqu’il s’agit de « responsive ». La grande majorité des sites sur le marché sont en responsive « classique » ce qui correspond dans notre agence à la gamme « Essentielle ».

Même si le responsive classique est suffisant pour la majorité des cas, il est possible d’aller plus loin que ce qui se fait habituellement.

De ce fait, si vous souhaitez obtenir un responsive design poussé comme l’optimisation des ressources ou une feuille de style dédiée, cela fera l’objet d’un devis complémentaire.

Qu'est-ce que l'intégration Analytics avancée ?

Tous les sites que nous concevons sont équipés de l’outil Google Analytics et cela sans surcoût. Google Analytics vous permet de répondre à des questions du type :

  • Volume de visiteurs

    Combien de visiteurs ai-je attiré sur mon site ce mois-ci ?

  • Source

    D'où viennent mes visiteurs ? ( Google - Référencement naturel ? Réseaux sociaux ? ... )

En quoi l'intégration avancée est un plus ?

L’intégration avancée vous permet d’aller plus loin afin de répondre à d’autres questions dont vous n’auriez pas eu la réponse avec une intégration classique. Par exemple, quelle source de trafic m’amène des prospects et clients ou encore quels sont les mots clés tapés par mes visiteurs …

Toutes les réponses à ces questions ont une grande valeur car grâce à celles-ci vous pouvez prendre des décisions stratégiques qui vont impacter directement l’atteinte de vos objectifs. Ainsi, vous pourrez piloter avec plus de précision la croissance de votre entreprise. 

L’intégration Analytics avancée comprend : 

  • Tag Manager

    Implémentation via Google Tag manager au lieu d'une implémentation classique.

  • Search Console

    Connexion de Google Analytics à la search console.

  • Tracking

    Configuration des objectifs principaux. ( Conversions ... )

Qu'est-ce que le déploiement ?

Après avoir validé, avec votre chef de projet, votre zoning ou votre maquette, nous passons à la phase d’intégration. Cette phase d’intégration correspond à l’étape de « Code ». C’est à cette étape que le prototype devient un « vrai » site Web.

Lors de cette phase, votre site est fabriqué sur ce qu’on appelle un environnement de « travail ». Ainsi votre site est accessible, sur un nom de domaine de transition ( www.nomdetransition.com ), afin que notre équipe et vous même puissiez le visualiser, vérifier, modifier avant la mise en ligne finale sur votre nom de domaine final ( www.votresite.com ). 

Le déploiement, c’est le passage de l’environnement de « Travail » à la mise en ligne finale. Ce passage implique un certain nombre d’action telle que : 

  • La migration

    Changement de serveur.

  • Référencement naturel

    Réactivation du référencement et suppression du fichier robot.txt.

  • Tests

    Batterie de tests finaux.

Pourquoi l'offrir ?

Comme indiqué dans notre grille tarifaire, cette étape n’est pas facturée si vous optez pour une de nos formules d’hébergement avec maintenance ou monitoring. 

Nous proposons cela pour deux raisons : 

Premièrement, car cela nous permet de rester dans notre environnement technique pour lequel nous avons automatisé en grande partie le processus de déploiement et donc réduit considérablement le temps de travail. 

Deuxièmement, c’est une manière de vous remercier de nous faire confiance pour l’hébergement ou le suivi de votre site.

Qu'est-ce qu'une page simple ?

L’ensemble des pages importantes de votre site seront composées avec les blocs préalablement créés.

C’est avec à ces « blocs », ayants bénéficié d’une attention particulière et d’un travail approfondi que vos pages bénéficieront d’une belle esthétique et d’un rendu global professionnel.

Néanmoins, d’autres pages, même si elles doivent être publiés sur le site ne nécessite pas la même attention. Ces pages sont appelées pages simples. Les pages au format simple sont généralement celles-ci :

  • Mentions légales

    Page avec les mentions légales obligatoires

  • Politique de confidentialité

    Page dans laquelle vous énumérez les actions et procédures mises en place pour respecter les RGPD.

  • C.G.V

    Page dans laquelle vous énumérez les conditions générales de vente de vos produits ou services.

  • Merci

    Après la validation d'un formulaire ( Contact, devis ... ) l'utilisateur est redirigé vers une page lui confirmant bonne réception de sa demande.

Options "Vitrine" Coût fixe moyen HT
Blog
300€
Pack : "Formulaire CTA"
390€
Production d'un "BA Bloc" Premium
Sur devis
Site multilingue "Vitrine"
490€ + 70€ par page et par langue
Développement Custom
600€ / Jour
Paramétrage Custom
350€ / Jour

Suivez le guide

Refonte de site Web

8 vidéos pour réussir et éviter les échecs

Dans ce guide en 8 vidéos destiné aux porteurs de projet de refonte, je vous présente
le processus et pointe du doigt les éléments à ne pas oublier pour la réussir et éviter les échecs.

Chapitre 1

Les dangers et étapes clés
liées à la refonte d’un site web

Chapitre 2

Les fondamentaux d’un bon
site Web

Chapitre 3

Zoning et cahier des charges
pour une refonte

Chapitre 4

Définir les règles de style
et le niveau de qualité attendu.

Chapitre 5

Ne pas perdre son référencement
naturel et/ou l’optimiser

Chapitre 6

Un site prêt pour la publicité,
comment ça se matérialise.

Chapitre 7

Les points techniques dont la négligence est fatale

Chapitre 8

Le Budget d’un projet de refonte
de site internet.

Exprimez vos besoins et transmettez-nous votre numéro de téléphone, nous vous rappellerons rapidement.
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.