L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

comment nous avons créé la newsletter interactive beat

Besoin de contenu pour votre entreprise ? Trouvez les meilleurs écrivains sur WriterAccess !


Testez gratuitement

Comme vous le savez probablement, ici sur le blog de teneur en roche nous cherchons à apporter uniquement ce qui est pertinent pour les spécialistes du marketing et les propriétaires de marques.

Et, comme de nombreuses marques, nous avons une newsletter hebdomadaire pour livrer à nos lecteurs, droit au but, tout ce qui s’est passé pendant la semaine et comment chaque sujet impacte leurs stratégies – nous nous appuyons sur le point de vue de nos experts dans chaque sujet pour ce.

Ce qui diffère de Le rythme de toute autre newsletter marketing, cependant, est qu’elle est complètement interactive, construite sur sa propre plate-forme.

Je suis designer ici à teneur en rocheet je suis responsable de la construction des éditions interactives de The Beat chaque semaine (oui, designer. Pas un programmeur, pas un professionnel de l’informatique. Je jure que je connais peu HTML et CSS).

Comme je sais que le concept de newsletter interactive n’est pas si populaire et que, peut-être, de nombreux professionnels du marketing se demandent s’il est possible d’apporter cela à leurs propres marques, aujourd’hui je vais vous parler un peu des coulisses de The Beat’s production : comment l’idée est née, quel outil nous avons utilisé, à quoi ressemble le processus de production hebdomadaire et, en plus, pourquoi nous avons mis à jour le projet en janvier 2023.

Viens avec moi?

Les premiers doodles de notre newsletter

La première édition de The Beat est sortie en janvier 2022. Mais avant que cette première ne soit mise en ligne, il s’est passé beaucoup de choses.

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Le projet qui a inspiré la création de The Beat était le Le week-endde New York Times. C’est un projet qui rassemble onze articles sélectionnés par les rédacteurs du Times avec des nouvelles pour profiter du week-end.

Lors de l’élaboration de notre projet de newsletter, nos objectifs étaient clairs :

  • toucher un nouveau public ;
  • diversifier notre production de contenus ;
  • produire du contenu riche et stratégique ;
  • utiliser Ion dans un nouveau format ;
  • faire des publications hebdomadaires.

Oh oui. Ion est la plateforme de création de contenu et de pages interactives à partir teneur en roche, et l’outil que nous utilisons pour créer The Beat chaque semaine. J’en reparlerai bientôt moins. Pour l’instant, nous continuons avec la planification initiale de la newsletter.

Créez du contenu et des expériences interactifs avec Ion !  Demander une démo ➜

C’est l’heure du briefing ou de la crise de panique ?

Objectifs définis, projet conçu. Il était temps de commencer à structurer la façon dont nous aimerions que soit le « visage » de notre newsletter. Pour cela, moi (concepteur responsable) et l’équipe de contenu avons tenu une réunion d’information pour aligner quelles étaient les attentes pour le projet.

Ici, c’est généralement le moment où les gens ont des idées incroyables et vraiment folles, et je dois en parler. Non!

Lors de notre réunion d’information, nous avons décidé que le design de The Beat devrait avoir :

  • Menu fixe sur le côté ;
  • Formulaire d’inscription à la newsletter ;
  • Espace pour la déclaration de l’éditeur ;
  • Sections avec différentes mises en page : Jam Session, Interviews, Notes de la semaine ;
  • Interactivité :
    • Quiz;
    • réactions ;
    • graphiques animés ;
    • Moment WOW sur le dernier pli;
A lire aussi :  Comment relever le challenge d'innovation en entreprise ?

En tant que designer, à ce stade, ma principale préoccupation était de développer une mise en page qui pouvait être facilement mise à jour et qui répondait à tous les éléments proposés par l’équipe.

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Allons travailler! construction de la mise en page

Au départ, nous pensions utiliser l’un des modèles Ion. Mais, comme il s’agissait d’un projet hautement personnalisé, j’ai réalisé que la meilleure option était d’avoir sa propre mise en page.

mon processus

Il est beaucoup plus facile pour moi de créer et de visualiser la mise en page lorsque je la dessine dans mon cahier. Disons que je fais une maquette basse fidélité.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Comme vous pouvez le voir, ce n’est pas très élaboré. C’est en fait une conception assez simple, mais cela m’aide à réfléchir à la façon d’adapter les différents éléments sur la page.

Vous souvenez-vous de la liste des choses que nous avons décidé que The Beat devrait avoir ? Le résultat ressemblait à ceci :

1. Menu fixe sur le côté

Certainement l’une des fonctionnalités qui a demandé le plus de travail.

Ion possède plusieurs fonctionnalités qui facilitent l’épinglage d’un élément à l’écran. J’ai donc fragmenté la mise en page pour l’adapter à ce dont nous avions besoin pour The Beat, j’ai donc pu utiliser les outils proposés par Ion lui-même.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

2. Formulaire

Il n’y a pas beaucoup de mystère ici, la plupart de nos créatifs dans Ion ont un formulaire. Notre soin était d’avoir un message confirmant que la candidature avait bien été envoyée et de créer une segmentation dans notre CRM pour les abonnés à The Beat.

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

3. Espace pour la déclaration de l’éditeur

Juste après l’introduction du numéro, nous avons une « lettre au lecteur », quelques mots du co-fondateur de teneur en rocheVictor Pecanha.

C’est une mise en page extrêmement simple, mais pour la rendre un peu plus attractive et dynamique d’une édition à l’autre, nous avons personnalisé la photo Peçanha avec différentes couleurs de fond, et les avons alternées entre chaque édition.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

4. Différentes sections de mise en page

Quand The Beat a commencé, on savait déjà qu’on voulait, en faisant défiler la page, le lecteur se rendre compte que le contenu était varié. Et nous avons donc décidé que la meilleure option était de changer la mise en page.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

5. Interactivité

Nous parlons d’Ion, l’outil de teneur en roche qui facilite la construction d’expériences interactives. Alors, bien sûr, nous ne pouvions pas manquer d’ajouter quelques moments d’interactivité dans la newsletter.

révéler

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Questionnaire


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

animations

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Créez du contenu et des expériences interactifs avec Ion !  Demander une démo ➜

A lire aussi :  Comment appliquer le Design Thinking au CRO ? Découvrez-le dès maintenant et optimisez vos tests !

Mais tout n’est pas parfait…

En regardant tout ce qui est présenté ici, il semble que tout se soit bien passé dans cette première version de The Beat. Après tout, tout ce que nous avions imaginé s’est envolé…

Bon, on a réussi à mettre 80% de ce qu’on voulait à l’antenne, oui…. mais, il a les 20% restants.

réactions

Au sein de la section « phrase de la semaine », l’équipe de contenu souhaitait qu’il soit possible de réagir au contenu (comme nous le faisons sur Facebook ou LinkedIn, par exemple) et qu’après que le lecteur ait cliqué sur sa réaction, un graphique apparaisse montrant quelle émotion ils avaient plus d’interactions.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Malheureusement, pour la première version de The Beat, nous n’avons pas pu le diffuser en direct.

La solution pour apporter un élément d’interaction qui impliquait des réactions était de mettre, oui, des émotions sur lesquelles les gens pouvaient cliquer mais, à la place du graphique avec le nombre de clics, nous avons mis un GIF amusant pour chaque réaction.

WOW moment sur le dernier pli

Nous avions besoin de quelque chose pour marquer que le lecteur avait atteint la fin de la newsletter.

La solution, encore une fois, est venue des GIF. Nous avons créé, en suivant l’identité visuelle de teneur en rochequatre GIF intercalés à chaque édition dans le dernier pli de la newsletter.

L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Le résultat? Une newsletter interactive réussie

Le 22 décembre, nous avons publié une version de test, faisant la promotion de The Beat uniquement auprès de l’équipe interne de teneur en roche. Nous avons recueilli une série de retours, fait les ajustements nécessaires puis la première version grand public de The Beat en anglais est sortie en janvier 2022. L’édition portugaise est sortie un peu plus tard, en mars.

Tout au long de l’année, nous avons apporté des améliorations progressives, en observant le comportement des lecteurs au sein de la page grâce à des balises dans Ion (un autre point pour l’interactivité : nous avons pu savoir exactement comment les gens se comportent sur la page, collecter des données grâce à des quiz et, ainsi, à s’affirmer à chaque édition). J’ai même passé le relais de la construction de la page hebdomadaire à un autre designer de l’équipe, une fois le modèle prêt et facile à reproduire.

À cette époque, The Beat s’est consolidé. Nous sommes passés de moins de 15 000 abonnés ajoutant des audiences natives en portugais, anglais et espagnol à une communauté de plus de 90 000 professionnels à travers le monde qui suivent chaque semaine avec nous ce qui compte le plus en matière de marketing, de contenu et de ventes.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

En décembre 2022, j’ai repris The Beat. Et, après un an, il était temps de revoir officiellement le modèle de base de notre newsletter et de comprendre ce qui avait encore du sens et ce qui pouvait être amélioré.

A lire aussi :  Comment créer une carte de parcours utilisateur pour votre stratégie de référencement

Le rythme 2.0

Nous avons publié la nouvelle version de The Beat en janvier 2023. Nos principaux objectifs avec cette optimisation étaient d’améliorer l’expérience mobile et d’avoir un modèle encore plus facile à mettre à jour chaque semaine.

Qu’est ce qui a changé:

La version mobile a été repensée à 100%. Police, espacement, menu…


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

La disposition du bureau a également été optimisée. Maintenant, dans la plupart des articles, nous travaillons avec deux colonnes.

Dans le menu latéral, nous avons ajouté un bouton « s’inscrire ».

Nous avons conservé les différentes rubriques de la newsletter avec articles, interviews, podcasts et phrase de la semaine.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Nous avons également standardisé et optimisé l’utilisation des balises dans The Beat, afin d’améliorer encore la lecture et l’interprétation des données et l’expérience des lecteurs.

Les balises nous permettent de cartographier et de comprendre les interactions au sein d’une création dans Ion. Pour que vous compreniez mieux, voici un exemple :


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive
  1. article le plus lu
  2. Dans le menu, quel article a été le plus cliqué
  3. Quelle réponse a obtenu le plus de clics sur l’un de nos sondages

Nous avons également modifié la section « Frase de la semaine », car il était trop difficile de trouver des photos de haute qualité des auteurs.


L’oeil d’un designer : comment nous avons construit (et reconstruit) notre newsletter interactive

Et nous continuons dans l’amélioration continue.

Développer notre communauté de professionnels qui comptent sur notre newsletter pour suivre le marché. Apporter une expérience hors du commun, contrairement à toute autre newsletter marketing, d’une manière beaucoup plus simple que le résultat final ne le laisse paraître – ce qui n’aurait jamais été possible sans Ion.

Je vous invite, si ce n’est pas déjà fait, à parcourir The Beat et à expérimenter tous les éléments que j’ai apportés ici (rien de tel que la pratique pour rendre le tout plus tangible). Ici vous pouvez accéder à notre dernière édition. Et bien sûr, si vous n’êtes pas encore inscrit, inutile de dire que je vous recommande fortement de le faire aussi.

Enfin, si vous souhaitez également apporter du contenu interactif à votre public et, avec cela, améliorer l’expérience utilisateur et apporter beaucoup plus de résultats à votre marque, je vous suggère également cliquez ici pour en savoir plus sur Ion et, si vous le souhaitez, programmez une démo gratuite de la plateforme.

Créez du contenu et des expériences interactifs avec Ion !  Demander une démo ➜

Si vous ne savez toujours pas si le contenu interactif fonctionne vraiment, voici quelques autres lectures recommandées pour vous inspirer :

Comment j’ai augmenté le taux de conversion d’un e-book de 20,7 % grâce à l’interactivité

Histoire à succès : comment j’ai obtenu 431 % de conversions supplémentaires vers WK Transport-Logistique Content avec la plate-forme Ion en deux mois

Des données récentes montrent que le contenu interactif peut booster vos résultats (+ cours gratuit)

Et puisque nous parlons de The Beat, que diriez-vous de vous inscrire maintenant ? Vous y trouverez toutes les tendances qui comptent dans le scénario du marketing numérique. Apprécier!

Retour en haut