Questions-réponses sur la conception de la page de destination avec le concepteur visuel senior Freddierick Mesias

Publié: 2017-07-05

Chez Instapage, nous nous tenons aux attentes les plus élevées : les vôtres. De nombreux spécialistes du marketing nous disent que notre plateforme est intuitive et aide leurs campagnes à obtenir des taux de conversion plus élevés. Nous savons que les concepteurs, en particulier, utilisent notre générateur en raison de certaines fonctionnalités spécifiques que nous avons publiées au cours des dernières années.

Notre équipe reçoit constamment des commentaires des concepteurs sur les tests d'utilisabilité, les entretiens modérés et les scores NPS. Nous prenons ces commentaires très au sérieux pour continuer à créer une plate-forme qui répond non seulement aux besoins actuels des concepteurs, mais également aux désirs futurs.

Je me suis assis avec notre concepteur visuel senior, Freddierick Mesias, pour acquérir son expérience avec les pages de destination post-clic et la plate-forme Instapage.

BW : Quel est votre parcours en design et quel est votre rôle chez Instapage ?

FM : Mon expérience en matière de conception s'étend de la conception de sites Web à l'image de marque et à la conception d'interfaces utilisateur. Les principaux outils de conception que j'utilise sont Sketch (pour créer des maquettes haute fidélité), Adobe Photoshop et Illustrator (pour créer des éléments visuels de page de destination post-clic comme des icônes, de la retouche photo, des illustrations, etc.)

Chez Instapage, notre équipe de conception est complétée par un ensemble de compétences diversifiées : conception Web, illustration et communication de marque. Notre objectif principal est de communiquer efficacement avec notre public par le biais de visuels. Mon rôle consiste spécifiquement à concevoir de belles pages de destination post-clic à haute conversion pour notre équipe marketing.

BW : Quelle a été votre première expérience lorsque vous avez conçu une landing page post-clic avec Instapage ?

FM : Pour moi, il n'y avait pas beaucoup de courbe d'apprentissage car le produit était déjà assez avancé au moment où j'ai rejoint en novembre 2016. Lorsque j'ai commencé avec Instapage, j'ai été impressionné par la façon dont la plate-forme a été conçue en pensant aux concepteurs. . Le constructeur n'était pas encombré d'un tas d'options de menu où vous pourriez vous perdre.

Bien sûr, il y avait les guides verts dans le constructeur pour aider à aligner les éléments, mais la fonction mobile, de regroupement et d'alignement m'a étonné lorsque j'ai conçu ma première page de destination post-clic. Au lieu d'avoir à aligner chaque élément et à les espacer pour le mobile, je pouvais désormais regrouper les éléments et les déplacer tous en même temps tout en gardant le rapport d'aspect intact pour le mobile.

Ce dernier élément est particulièrement spécial car, comme Internet utilise plus souvent le mobile, il est essentiel que les pages de destination post-clic des spécialistes du marketing soient optimisées pour le mobile. Grâce à cette fonctionnalité, j'ai pu prendre ma version de bureau terminée et la convertir automatiquement en mobile en un clic. Cela m'a fait gagner beaucoup de temps et m'a permis de publier des pages plus rapidement pour notre équipe.

Si je devais définir deux caractéristiques pour Instapage, je dirais qu'il est personnalisable et indolore.

BW : Combien de temps vous a-t-il fallu pour vous familiariser avec Instapage ?

FM : Pas longtemps du tout. La chose à propos d'Instapage est qu'il est convivial pour les concepteurs. Si vous connaissez d'autres outils de conception tels que Sketch, Illustrator ou Photoshop, vous n'aurez aucun problème à vous familiariser avec la plate-forme.

Prenez la page de destination post-clic de l'intégration HubSpot que j'ai créée. La page entière a été construite dans Instapage, mais j'ai créé le graphique de la page à trois couches dans Photoshop et l'ai inséré dans notre plate-forme, ce qui a ajouté un joli composant visuel (allez ici pour voir la page de destination post-clic complète):

conception de la page de destination post-clic Q&A

BW : Quelles sont les frustrations typiques auxquelles les concepteurs sont confrontés lors de la création de pages de destination post-clic ?

FM : Les designers sont par nature perfectionnistes ; nos emplois dépendent de cet attribut. Ainsi, même si quelque chose peut sembler parfaitement aligné pour un œil non averti, par exemple - mais ne l'est pas - au fond, le concepteur saura que cela pourrait être mieux.

C'est pourquoi notre fonctionnalité d'éditeur de style en ligne est particulièrement utile car elle vous permet d'apporter des modifications de style personnalisées au niveau des éléments. Tout ce qui concerne les changements de remplissage de texte, le rayon de bordure, la hauteur de ligne, etc. Vous n'avez plus besoin de regarder quoi que ce soit. Notre constructeur vous permet de personnaliser jusqu'au dernier pixel afin que vous puissiez créer exactement ce que vous voulez.

(Voici un exemple de la manière dont vous pouvez isoler un élément et ajouter une ombre portée à un bouton à l'aide d'un style personnalisé :)

BW : Avec qui collaborez-vous le plus lors de la conception d'une page ?

FM : Selon la campagne, nous avons au moins 3 à 5 intervenants : 1 rédacteur, 1 à 2 designers et 1 à 2 responsables marketing. Le rédacteur rédige un langage persuasif pour démontrer la proposition de valeur et les principaux avantages de l'offre, me transmet la copie pour la conception finale, et les responsables marketing supervisent le projet et donnent des approbations en cours de route. De plus, selon les besoins de conception de la page de destination post-clic, je communique parfois avec notre graphiste pour créer des gifs ou d'autres visuels pour aider à communiquer le message.

Vous remarquerez que je n'ai pas inclus de développeur. Dans de très rares occasions, nous ferons appel à un développeur pour la mise en œuvre d'une conception complexe. Collaborer et se donner des retours sont devenus 2 fois plus efficaces lors de la création d'une page de destination post-clic avec notre solution de collaboration. Au lieu d'utiliser des captures d'écran envoyées via Slack ou des outils tiers, nous pouvons placer un hotspot sur un élément de page de destination post-clic et informer le concepteur (rédacteur ou autre partie prenante) d'effectuer les mises à jour nécessaires.

(Pour un meilleur aperçu de la collaboration, regardez-les ci-dessous – communiquer via des points d'accès et partager la page avec votre équipe marketing. Ou, vous pouvez aller ici.)

BW : Quelle est votre fonctionnalité Instapage préférée et pourquoi ?

FM : En tant que designer, il m'est difficile de répondre, mais je dois dire que ma fonctionnalité Instapage préférée sont les trois nouvelles fonctionnalités de conception que nous avons annoncées en juin 2017 :

  • Mesures de bord
  • Verrouillage de l'axe
  • Raccourcis clavier

La plupart des designers que je connais sont toujours à la recherche du bon outil à utiliser pour rendre leur processus de conception plus efficace. Mais il doit également créer un travail de conception au pixel près. Cela dit, je crois qu'Instapage fait exactement cela.

Semblable à l'utilisation de l'application Sketch, nous avons Edge Measurement et des raccourcis clavier. La mesure des bords est particulièrement intéressante car vous pouvez déplacer et aligner des éléments pixel par pixel ou une plage de pixels, ce qui permet d'obtenir exactement où vous le souhaitez. Le verrouillage d'axe vous permet de déplacer des éléments le long de l'axe X ou Y de manière transparente sans avoir à gérer des guides désordonnés.

Ces fonctionnalités combinées me permettent de créer une belle page de destination post-clic au pixel près au sein de la plate-forme elle-même. Maintenant, vous pouvez concevoir sans limites ! (Pour en savoir plus sur la mesure des bords et le verrouillage des axes, regardez-les :)

L'optimisation et l'itération de notre conception initiale après le lancement de notre page de destination post-clic dans la nature est l'une des étapes les plus importantes. C'est là que les capacités de test Instapage A/B sont utiles.

BW : Y a-t-il une landing page post-clic en particulier dont vous êtes le plus fier ?

FM : Bien sûr ! Il y a quelques mois, j'avais pour projet de concevoir et de créer une page de destination post-clic pour le lancement de notre solution de collaboration. J'étais relativement nouveau dans l'équipe, donc apprendre et suivre les directives de notre marque et notre guide de style a joué un rôle énorme dans le processus. J'ai pu créer assez facilement la page de destination post-clic, et je suis fier de dire qu'elle a actuellement un taux de conversion de 24 % (allez ici pour voir la page complète).

conception Q&A collaboration post-clic sur la page de destination

Vous avez une fonctionnalité de conception que vous aimeriez nous voir ajouter ?

Nous sollicitons en permanence les commentaires de nos clients et souhaitons vous aider à créer à grande échelle de meilleures pages de destination post-clic à fort taux de conversion. S'il y a une fonctionnalité de conception que vous aimeriez que nous ajoutions à notre constructeur, veuillez nous envoyer vos commentaires. Et nous vous invitons à consulter Instapage sur Capterra, Trustpilot ou G2 Crowd.

Ensuite, commencez à créer votre landing page post-clic 100% personnalisable avec Instapage. Vous ne pouvez tout simplement pas vous tromper avec notre plate-forme conviviale pour les concepteurs et nos capacités de test A/B avancées ; votre taux de conversion vous remerciera. Inscrivez-vous dès aujourd'hui pour une démo Instapage Enterprise.