Preguntas y respuestas sobre el diseño de la página de destino con el diseñador visual senior Freddierick Mesias

En Instapage, nos atenemos a las más altas expectativas: las tuyas. Muchos especialistas en marketing nos dicen que nuestra plataforma es intuitiva y ayuda a que sus campañas obtengan tasas de conversión más altas. Sabemos que los diseñadores, en particular, usan nuestro constructor debido a algunas características específicas que hemos lanzado en los últimos años.

Nuestro equipo recibe constantemente comentarios de los diseñadores en pruebas de usabilidad, entrevistas moderadas y puntajes NPS. Nos tomamos muy en serio esos comentarios para seguir construyendo una plataforma que no solo aborde las necesidades actuales de los diseñadores, sino también los deseos futuros.

Me senté con nuestro diseñador visual senior, Freddierick Mesias, para conocer su experiencia con las páginas de destino posteriores al clic y la plataforma Instapage.

BW: ¿Cuál es su experiencia en diseño y cuál es su función en Instapage?

FM: Mi experiencia en diseño abarca desde el diseño web, la marca y el diseño de la interfaz de usuario. Las principales herramientas de diseño que utilizo son Sketch (para crear maquetas de alta fidelidad), Adobe Photoshop e Illustrator (para crear activos visuales de página de destino post-clic como iconos, edición de fotos, ilustraciones, etc.)

Aquí en Instapage, nuestro equipo de diseño se complementa con un conjunto diverso de habilidades: diseño web, ilustración y comunicación de marca. Nuestro principal objetivo es comunicarnos eficazmente con nuestra audiencia a través de imágenes. Mi función específicamente es diseñar páginas de destino post-clic hermosas y de alta conversión para nuestro equipo de marketing.

BW: ¿Cómo fue su primera experiencia cuando diseñó una página de destino post-clic con Instapage?

FM: Para mí, no hubo mucha curva de aprendizaje porque el producto ya estaba bastante avanzado cuando me uní en noviembre de 2016. Cuando comencé con Instapage, me impresionó cómo se construyó la plataforma teniendo en cuenta a los diseñadores. . El constructor no estaba abarrotado de un montón de opciones de menú en las que podía perderse.

Por supuesto, había guías verdes en el constructor para ayudar a alinear elementos, pero la función móvil, agrupación y alineación me sorprendió cuando diseñé mi primera página de destino post-clic. En lugar de tener que alinear cada elemento y espaciarlos para dispositivos móviles, ahora podría agrupar elementos y moverlos todos a la vez mientras mantengo la relación de aspecto intacta para dispositivos móviles.

Esa última pieza es particularmente especial porque, dado que Internet usa el móvil con más frecuencia, es fundamental que las páginas de destino posteriores al clic de los especialistas en marketing estén optimizadas para dispositivos móviles. Con esa función, pude tomar mi versión de escritorio completa y convertirla automáticamente a un dispositivo móvil con solo hacer clic en un botón. Hacer esto me ahorró mucho tiempo y me permitió publicar páginas más rápido para nuestro equipo.

Si tuviera que definir dos características para Instapage, diría que es personalizable y sencillo.

BW: ¿Cuánto tiempo te llevó sentirte cómodo usando Instapage?

FM: No mucho. Lo que pasa con Instapage es que es amigable para los diseñadores. Si está familiarizado con otras herramientas de diseño como Sketch, Illustrator o Photoshop, no tendrá problemas para familiarizarse con la plataforma.

Tome la página de inicio post-clic de integración de HubSpot que construí. Toda la página se construyó en Instapage, pero creé el gráfico de la página de tres capas en Photoshop y lo inserté en nuestra plataforma, lo que agregó un buen componente visual (vaya aquí para ver la página de destino completa después del clic):

BW: ¿Cuáles son las frustraciones típicas que enfrentan los diseñadores al crear páginas de destino post-clic?

FM: Los diseñadores por naturaleza son perfeccionistas; nuestros trabajos dependen de ese atributo. Entonces, aunque algo pueda parecer perfectamente alineado para el ojo inexperto, por ejemplo, pero no lo está, en el fondo, el diseñador sabrá que podría ser mejor.

Es por eso que nuestra función Inline Style Editor es particularmente útil porque le permite realizar cambios de estilo personalizados a nivel de elemento. Cualquier cosa, desde cambios de relleno de texto, radio de borde, altura de línea y más. Ya no tienes que mirar nada. Nuestro constructor le permite personalizar hasta el último píxel para que pueda crear exactamente lo que desea.

(Aquí hay un ejemplo de cómo puede aislar un elemento y agregar una sombra paralela a un botón usando un estilo personalizado :)

BW: ¿Con quién colabora más al diseñar una página?

FM: Dependiendo de la campaña, tenemos al menos de 3 a 5 partes interesadas: 1 redactor, 1-2 diseñadores y 1-2 líderes de marketing. El redactor redacta un lenguaje persuasivo para demostrar la propuesta de valor y los beneficios clave de la oferta, me pasa la copia para el diseño final y los líderes de marketing supervisan el proyecto y dan las aprobaciones a lo largo del camino. Además, según las necesidades de diseño de la página de destino posterior al clic, a veces me comunico con nuestro diseñador gráfico para crear gifs u otros elementos visuales que ayuden a comunicar el mensaje.

Notarás que no incluí un desarrollador. En muy raras ocasiones, traeremos un desarrollador para la implementación de diseños complejos. Colaborar y retroalimentarse mutuamente se volvió dos veces más eficiente al crear una página de destino posterior al clic con nuestra solución de colaboración. En lugar de usar capturas de pantalla enviadas a través de Slack o herramientas de terceros, podemos colocar un punto de acceso en un elemento de la página de destino posterior al clic y notificar al diseñador (redactor publicitario u otra parte interesada) para que realice las actualizaciones necesarias.

(Para ver mejor la colaboración, mire estos a continuación: comuníquese a través de puntos de acceso y comparta la página con su equipo de marketing. O puede ir aquí).

BW: ¿Cuál es tu función favorita de Instapage y por qué?

FM: Como diseñador, es difícil para mí responder, pero debo decir que mi característica favorita de Instapage son las tres nuevas capacidades de diseño que anunciamos en junio de 2017:

• Medidas de borde
• Bloqueo del eje
• Atajos de teclado

La mayoría de los diseñadores que conozco siempre están hambrientos de la herramienta adecuada a utilizar para hacer que su proceso de diseño sea más eficiente. Pero también necesita crear un trabajo de diseño perfecto en píxeles. Dicho esto, creo que Instapage hace precisamente eso.

Al igual que con la aplicación Sketch, tenemos la medición de bordes y los atajos de teclado. La medición de bordes es especialmente interesante porque puede mover y alinear elementos píxel por píxel o rango de píxeles, obteniendo las cosas exactamente donde desea. El bloqueo del eje le permite mover elementos a lo largo del eje X o Y sin problemas sin tener que lidiar con guías desordenadas.

Estas características combinadas me permiten crear una hermosa página de destino post-clic con píxeles perfectos dentro de la propia plataforma. ¡Ahora puedes diseñar sin límites! (Para obtener más información sobre la medición de bordes y el bloqueo del eje, mire estos :)

Optimizar e iterar sobre nuestro diseño inicial después de lanzar nuestra página de destino posterior al clic en la naturaleza es una de las etapas más importantes. Aquí es donde las capacidades de prueba de Instapage A / B son útiles.

BW: ¿Existe una página de destino posterior al clic en particular de la que esté más orgulloso?

FM: ¡ Por supuesto! Hace unos meses tuve un proyecto para diseñar y construir una página de destino post-clic para el lanzamiento de nuestra solución de colaboración. Era relativamente nuevo en el equipo, por lo que aprender y seguir nuestras pautas de marca y guía de estilo jugó un papel muy importante en el proceso. Pude crear la página de destino posterior al clic con bastante facilidad, y me enorgullece decir que actualmente tiene una tasa de conversión del 24% (vaya aquí para ver la página completa).

¿Tiene una característica de diseño que le gustaría que agreguemos?

Siempre estamos buscando comentarios de nuestros clientes y queremos ayudarlo a crear mejores páginas de destino post-clic de alta conversión a escala. Si hay una característica de diseño que le gustaría que agreguemos a nuestro constructor, envíenos sus comentarios. Y le invitamos a revisar Instapage en Capterra, Trustpilot o G2 Crowd.

Luego, comience a crear su página de destino post-clic 100% personalizable con Instapage. Simplemente no puede equivocarse con nuestra plataforma amigable para diseñadores y capacidades avanzadas de prueba A / B; su tasa de conversión se lo agradecerá. Regístrese hoy para una demostración de Instapage Enterprise.