Avion Rouge Communications

Migrer son site web sous HubSpot, c’est facile ? Oui.
Y a-t-il des pièges à savoir ? Oui aussi.

Aujourd’hui : Stratégie de déploiement et choix du thème.

Tout d’abord, pourquoi je migrerais mon site web sous HubSpot ?

Les raisons sont multiples et je ne vais pas m’attarder sur ce sujet, car il est vaste et fera sûrement partie de prochains posts, mais en voici quelques-unes :

- Plus de maintenance de thème, plugins ou serveur à faire
- Mon CRM est sur HubSpot
-Je veux tout tracker : formulaires, CTAs, …
- Je veux faire du A/B testing et de Smart Content
- Je ne veux pas être prisonnier de mon agence web
- Je veux utiliser la simplicité de gestion du multi-langue et aussi - Les outils de clonage de pages dans d’autres langues avec l’assistance IA
- Je veux donner la pleine autonomie à mon équipe marketing
- etc

Passons maintenant au vif du sujet : migrer mon site web sous HubSpot.

Première grande question que je dois me poser : est-ce que je veux migrer tout d’un seul coup, ou je préfère le faire par étapes en mode GDDD ?

La première option est bien, mais elle demande plus de temps à mettre en place, plus de ressources, et pendant ce temps on n’a pas de résultats.

La deuxième option permet de déployer petit à petit les grandes sections du site (blogue, Landing Pages, études de cas, …) et de commencer à récolter des datas, voir des leads, voire des ventes ou retombées.

Je recommande souvent la deuxième approche, car on peut rapidement s’ajuster après chaque étape de déploiement selon les résultats récoltés. Souvent on planifie des choses qui s’avèrent fausses, ou certains résultats nous obligent à revoir certains aspects du déploiement. Des choses que l’on n’avait pas prévues, ou tout simplement le marché qui évolue ou change soudainement.

Une fois que l’on connaît notre stratégie…

La prochaine question est de savoir si on en profite pour changer le design graphique du site ou si on fait juste le migrer tel qu’il est.
Cette question ouvre encore une foule d’autres questions :
Veut-on rapidement migrer pour donner par exemple la pleine autonomie aux équipes marketing ou pour relier son site aux autres Hubs de son CRM HubSpot ? Dans ce cas-ci, on peut penser à juste répliquer le site tel qu’il est.

Si on souhaite revoir complètement le design, rajeunir ou donner un coup de frais, il faut se poser la question : est-ce qu’on veut passer par une étape de maquette, ou est-ce qu’on choisit un thème ou un site qui ressemble et on procède ?

Dans les différentes options que vous allez choisir, la prochaine étape est cruciale : le choix du thème, ou le choix de bâtir son propre thème.

Souvent, je rencontre des entreprises qui me disent : “J’ai trouvé un thème qui ressemble à ce que je veux.” Ok, je regarde le thème qu’ils me proposent et effectivement, leur branding est bleu, et la démo du thème aussi est bleue, cool. Mais c’est la seule chose qui est bonne pour eux !

Le choix du thème ne repose pas uniquement sur l’apparence. Car si le thème est bien fait, je peux choisir un thème avec une démo complètement différente, et en modifier les paramètres pour changer totalement le look & feel.

Sous HubSpot, le choix d’un thème repose surtout sur :

- les possibilités offertes en termes de templates de page;

- le nombre, la qualité et l’originalité des modules offerts (très important);

- les options générales (mégamenu, lightbox, animations, intégration des nouveaux CTAs et formulaires HubSpot);

- et aussi la façon dont le thème est programmé (grille CSS, librairies JS, rapidité, SEO).

Et si votre site est un peu hors des sentiers battus, je vous recommande fortement d’utiliser la version de base Boilerplate HubSpot et de bâtir vos templates à partir de là.

Les possibilités sont infinies et si l’agence qui vous programme ce template le fait dans les bonnes pratiques HubSpot — comme je le fais et le recommande à mes clients — vous irez loin avec votre thème. Vous pourrez bâtir constamment des nouveautés sans revenir en arrière.

D’ailleurs, j’en avais parlé dans un précédent post : bâtir son site sous HubSpot veut dire que l’on avance, et qu’on ne passe pas son temps à faire des mises à jour, réparer un thème qui brise ou régler des problèmes de serveur. Ça, c’est pour ceux qui ne sont pas sous HubSpot ou équivalent.

Autre notion très importante à savoir : si vous optez pour un thème existant (ce que je recommande aussi souvent), vous avez toujours la possibilité de créer un child thème. Vous pouvez alors prendre n’importe quel morceau de ce thème (template, section, module, JS, …), le dupliquer dans votre child thème et le modifier.
Mais à quoi ça sert alors de partir d’un thème existant si je veux retravailler mes templates de page ? Très bonne question ! Cela permet de partir avec une base solide (si le thème est bien programmé). Car un bon thème vous évite une quantité considérable d’heures nécessaires pour avoir tous les éléments de base : grille CSS, librairies JS pour les animations, tooltips, lightbox, graphs, mégamenus, options de blog, boîte de recherche, …

Une autre question importante que vous vous poserez : comment garder mon référencement ?

C’est une étape importante si votre site est populaire. Un bon mapping des URLs sera essentiel afin de reproduire les mêmes URLs. Mais HubSpot offre plusieurs possibilités et j’en parlerai dans un futur post. Il y a des pièges, certes, mais aucun blocage sous HubSpot : la gestion des URLs est ultra simple et très puissante.

Et voilà. Vous avez fait le choix de la stratégie (GDDD ou complète), du design, et du thème. La prochaine étape ?

Exporter tout ça et monter les pages. Mais ce sera pour un futur post 😉

En attendant, je reste à votre disposition pour répondre à vos questions. Allez sur avionrouge.com et prenez rendez-vous, on en jasera.

Programmation d'un outil pour la Galerie en ligne Grizzly Montréal. Cet outil permet de simuler la couleur des murs et de voir en trois dimensions l'œuvre avant de l'acheter.
https://www.grizzlymontreal.com

https://www.avionrouge.com/fr/portfolio/site-web-de-tour-eiffel
Mandaté par l'agence Duval pour aider à bâtir le site web de Tour Eiffel.

Détail du mandat:
-Paramétrage des options du thèmes et écriture de feuilles de style personnalisées CSS
- Programmation d’une fenêtre popup avec un formulaire d’inscription à l’infolettre
-Création de mégas menus
- Ajouts de champs personnalisés et création d’une page produit personnalisé avec une fiche des valeurs nutritives
- Création d’une grille CSV d’importation et d’exportation de masse de tous les produits

Site web de dfuse – Design et intégration dans WordPress

Site web de dfuse - Design et intégration dans Wordpress | Avion Rouge Communications Montage du nouveau site web de dfuse sous Wordpress. Design graphique, gabarit Php, scripts jquery, intégration.

Développement du site et de l’outil de réservation en ligne de Louloubus

Développement du site et de l'outil de réservation en ligne de Louloubus | Avion Rouge Communications Montage du site de Louloubus et programmation de l'outil de réservation en ligne avec intégration de Goolge_Route

Concevoir la grille graphique d'une application de recherche avancée à travers la blockchain Ethereum et l’intégrer dans React...

Application React Ethq - Outil de recherche sur la blockchain Ethereum propulsé par dfuse | Avion Rouge Communications Développement du design graphique des outils de recherche sur les blockchains EOSIO et Ethereum utilisant dfuse pour l'indexation.

Chargé de concevoir le branding ainsi que tous les outils de communication de l'entreprise dfuse, dont le site internet monté sous Hubspot.

Site web dfuse - design et intégration dans Hubspot | Avion Rouge Communications Développement du design graphique du site de dfuse et intégration dans hubspot avec programmation (css, html, javascipt) de tous les modules.

Mandaté par l'agence Duval pour aider à bâtir le site web de Chef Georges : Pages produits, panier d'achat, champs personnalisés,...

Avion Rouge Communications | Site web de Chef Georges Mise en place d'un protocol d'import de masse des produits par grille CSV, personnalisation page produit, css, php

Voici quelques unes des dernières réalisations:
Développement du l’image de marque et du Portail du Centre national d’excellence en santé mentale (CNESM)

Avion Rouge Communications | Portail du CNESM Développement du Portail du Centre national d'excellence en santé mentale

Shopify est vraiment une belle plateforme pour bâtir des boutiques en ligne rapidement, de qualité et hyper professionnel.
Vous aussi vous souhaitez ouvrir une boutique en ligne? Contactez-nous pour une soumission gratuite.

Image de marque et site web d'une boutique en ligne sous shopify • Avion Rouge Communications Vous voulez un site e-commerce par cher et de catégorie classe affaires? Optez pour un site propulsé par Shopify. Nous sommes experts dans ce domaine...