Comment nous créons des sites Web chez Articulate Marketing

Tout d'abord, nous créons des sites Web HubSpot CMS. Si vous ne savez pas ce qu'est HubSpot, ne vous inquiétez pas. Rendez-vous ici pour une introduction facile. Pour ceux d'entre vous qui sont encore avec nous, nous décrivons aujourd'hui le processus de création de sites Web pour nos clients.

Cet article est basé sur l'un de nos webinaires, organisé par moi-même, Ioana Negulescu, responsable du studio chez Articulate Marketing. Vous pouvez voir la vidéo et télécharger les slides ci-dessous :

Défis de création de site Web

Il y a souvent une première étape lorsqu'il s'agit de créer un nouveau site Web (ou de migrer un site existant). Nous devons apaiser certaines craintes. Il n'est pas rare d'avoir des clients qui ont déjà été brûlés par des expériences avec des agences précédentes.

Quand on entend...

"Nous nous inquiétons d'avoir un nouveau site Web parce que le dernier était si pénible."

Nous faisons cela...

Nous avons entendu cela tant de fois. Donc, nous nous efforçons de faire mieux.

Par exemple, plutôt que d'utiliser des diagrammes de Gantt, nous aimons utiliser des jalons . L'une des choses sur lesquelles nous nous concentrons est d'avoir un processus transparent avec des mises à jour continues sur les progrès. Cela donne à nos clients un sentiment de sécurité.

Une chose qui est vraiment très importante pour nous pendant le processus de conception Web est la suivante : les appels vidéo par e-mail. C'est important parce que nous pouvons mesurer les réactions de nos clients. S'ils sont un peu silencieux, s'ils sont très excités, etc. Ainsi, nous pouvons faire des recommandations qui correspondent à leurs attentes. Et, bien sûr, répondez également à toutes les questions qu'ils pourraient avoir.

Quand on entend...

"Nous avons essayé de chasser le développeur tant de fois, ils ne nous répondront tout simplement pas."

Nous faisons cela...

Pour marquer les progrès, nous utilisons des appels de gestion de projet réguliers, et nous les avons dans le calendrier dès le premier jour. Lors de ces appels de gestion de projet, nous présentons de nouveaux travaux et identifions les bloqueurs.

Les concepteurs et les développeurs ont besoin de temps pour réellement faire le travail, il n'est donc pas toujours logique pour eux d'assister à chacun de ces appels. On les fait venir quand c'est pertinent.

Quand on entend...

« Et si le nouveau site Web ne répond pas à nos attentes ? »

Nous faisons cela...

Avant de commencer tout projet de conception de site Web, nous passons en revue les fondements de leur stratégie marketing. Ceci est très important car c'est à ce stade que nous apprenons à connaître les clients d'un client, le parcours de l'acheteur et les objectifs marketing de l'entreprise. Cela éclairera de nombreuses décisions stratégiques que nous prenons concernant le site Web, définissant les attentes dès le départ.

Ensuite, nous passons à l' architecture de marque. Ici, nous exposons les principes fondamentaux du site Web. Les couleurs, les images ou illustrations, les éléments UX/UI, les polices - l'esthétique globale du site Web. Il s'agit d'un processus extrêmement collaboratif. Nos clients sont impliqués à chaque étape , de sorte que leurs commentaires et leurs exigences sont intégrés au produit final.

Un exemple : HTG

Nous avons créé un site Web primé pour HTG, nous les utiliserons donc comme exemple tout au long.

Ils ont exprimé ces craintes et décrit leurs défis lorsque nous leur avons parlé pour la première fois. Ce sont des problèmes assez courants parmi les entreprises technologiques B2B :

• Des objectifs de croissance ambitieux
• Site Web (et marque) obsolètes
• Peu d'opportunités de capture de leads
• Navigation maladroite
• Mauvaise expérience utilisateur
• Mauvaises performances du site

Si cela vous ressemble, rendez-vous ici pour évaluer votre site Web.

Le processus Articuler

Voici notre processus, en quelques mots. Cliquez sur cette image pour la voir plus en détail :

Revenons à l'exemple de HTG. Avec eux, nous avons suivi notre processus habituel en sept étapes :

1. Coup d'envoi

Le lancement est la première interaction pour le projet de site Web. Au cours de cet appel, nous essayons d'évaluer les préférences de nos clients en matière de design et d'aspirations à la marque. Nous voulons aligner stratégiquement ces préférences sur l'objectif ultime de tout site Web créé par Articulate : créer un moteur marketing qui fonctionne bien.

2. Moodboards et structure du site

Ici, nous exécutons deux processus internes. L'une consiste à créer des moodboards, des recommandations de polices, des recommandations de couleurs, des images, etc.

L'autre est qu'avec notre équipe de rédacteurs marketing, nous élaborons des recommandations de plan de site. C'est la structure de la navigation et des pages que nous devrons construire.

Ensuite, nous avons un appel d'examen client, qui est notre première grande étape. À la fin de chacune des étapes, nous avons un appel de révision. Si tout est approuvé, nous passons à l'étape suivante. Sinon, nous revenons en arrière et itérons.

3. Conceptions initiales et wireframes

Ici, nous concevons la page d'accueil comme un moyen de montrer l'esthétique du site Web. En règle générale, nous créons différentes options parmi lesquelles le client peut choisir. Comme nous concevons de manière modulaire , nous considérons cela comme l'étape pour montrer à quoi ressembleront certaines des «briques Lego» les plus importantes.

En parallèle, nous élaborons des stratégies autour de la structure des pages. Autrement dit, quel type de contenu va sur quelle page ? De quelles briques Lego avons-nous besoin ?

Notre équipe construit ensuite des wireframes, qui sont comme des croquis approximatifs des pages du site Web sans éléments de conception.

4. Concevoir tous les modules et rédiger un brouillon de copie Web

À ce stade, notre équipe de rédacteurs commence à rédiger la copie tandis que l'équipe de conception passe à la conception de tous les modules requis pour le site Web. Ce n'est pas toujours le cas que nous écrivions toute la copie sur les sites Web de nos clients, mais lorsque nous le faisons, nous facturons sur une base transparente par page basée sur un plan de site pré-convenu.

5. Développer le site Web

Pour montrer les conceptions de module in situ, nous développons et construisons toutes les pages avec une copie lorem ipsum et des images d'espace réservé , afin que nos clients puissent avoir une bonne idée du résultat final.

Lorsque vous travaillez avec un développeur, quel qu'il soit, vous souhaitez lui poser quelques questions pertinentes :

• Quelles sont les principales étapes que vous suivez pour coder notre site Web ?
• Comment s'assurer que le code est bien rangé ? (Un problème majeur avec les modèles de sites Web.)
• Quand et à quelle fréquence vérifiez-vous la vitesse et les performances globales ?
• À quoi ressemble la construction d'une page une fois le site Web développé ? Est-ce une expérience utilisateur conviviale pour celui qui construit la page ?

Ou si vous travaillez avec Articulate, "Quel est le temps le plus rapide où vous avez résolu un Rubik's cube ?" Nous nous félicitons de ces questions.

Notre processus de développement commence dans Notion, où planifie notre travail. Ensuite, nous définissons le code de base pour les navigations et certains modules globaux. Ensuite, nous préparons une liste de contrôle d'assurance qualité pour chaque élément de conception et fonctionnalité que nous devons créer pour ce site Web spécifique. Cela nous gardera droit tout au long de la construction.

Nous échafaudons tous les modules en HTML, puis commençons à regarder le style. Alors, pensez briques, plâtre, peinture et décoration.

Tout au long, nous testons tout, vérifions les performances et apportons des améliorations. Souvent, nous apprendrons comment faire quelque chose de mieux et apporterons cette expertise dans notre prochain site Web.

6. Remplir les pages

À ce stade, après plusieurs itérations et avis de clients, nous remplissons les pages avec des textes et des images approuvés. À ce stade, le site Web est presque prêt à être lancé. Nous passons par une autre étape d'examen client, et après cela, nous exécutons une liste de contrôle QA approfondie avant le lancement.

7. Lancez-vous !

Nous lançons, puis nous exécutons une autre liste de contrôle d'assurance qualité après le lancement, car il est très important de s'assurer que le site Web est fonctionnel et que rien ne s'est cassé entre la mise en scène et la mise en ligne.

Enfin, bien sûr, nous célébrons!

10 conseils pour un bon design de site web

Voici quelques règles que nous avons apprises au fil des ans et au cours de dizaines de créations de sites Web :

1. Mettez vos préférences en second lieu et les points faibles de vos personnages en premier.
2. Concentrez-vous sur la façon dont vous aidez vos clients, plutôt que de simplement répertorier vos services.
3. N'essayez pas de réinventer la roue. Ce qui fonctionne, fonctionne pour une raison. Par exemple, se concentrer uniquement sur la zone au-dessus du pli est un mythe. Tout le monde sait défiler. Il y a même un site à ce sujet : http://abovethefold.fyi/
4. Gardez la navigation courte et simple.
5. Faites en sorte que les boutons soient axés sur la valeur. Évitez les copies génériques dans la mesure du possible.
6. Toujours créer un lien vers une page pertinente s'il existe une page avec plus de contexte.
7. Sur les pages clés, évitez d'avoir trop de liens externes. (Votre blog est une autre histoire.)
8. Terminez toujours la page par un ou plusieurs CTA (appels à l'action), amenant l'utilisateur à l'étape suivante du processus.
9. Ne sous-estimez pas la puissance d'une page de contact - c'est trop souvent un point de sortie, mais vous voulez vraiment, vraiment garder les gens sur cette page.
10. Moins est plus!

Bonus : ne laissez pas le logo dicter un mauvais design

Lorsque nous avons conçu le site Web de HTG, leur logo était obsolète et ne correspondait plus à la marque que nous recherchions. Nous l'avons modernisé avec quelques modifications simples :

Voici quelques pistes de réflexion. À notre ère numérique, votre marque est plus susceptible d'être votre site Web que votre logo. Alors, pensez d'abord au site Web, au logo ensuite.

Que se passe-t-il après le lancement ?

Très bien. Vous avez un nouveau site Web. Maintenant quoi? Comme nous l'avons dit, chez Articulate, nous considérons les sites Web comme des moteurs de marketing, de sorte que notre engagement ne doit pas s'arrêter au lancement. En fait, ce n'est que le début du voyage pour la plupart de nos clients.

De la création de nouveaux contenus tels que des blogs, des pages piliers, des offres fermées et des pages «compressées», à l'exécution d'un suivi des comportements et de tests multivariants, votre site Web peut faire bien plus.

Avant-première : Nucleus

Alors, comment pouvez- vous obtenir un site Web HubSpot ? Il existe quelques options, telles qu'une création de site Web sur mesure, mais une solution consiste à utiliser un thème HubSpot. Nucleus est le propre thème d'Articulate.

Un thème est comme un modèle de site Web beaucoup plus sophistiqué. Notre propre site Web est construit sur Nucleus, et nous l'avons utilisé pour plusieurs clients avec une vaste gamme de styles de conception. Nous le lançons sur le HubSpot Marketplace en 2022. Avec Nucleus, nous pouvons créer des sites Web hautement optimisés en quelques semaines, voire en quelques jours, pour nos clients. Tout cela est plutôt excitant !

>> Cliquez ici pour explorer Nucleus <<