Perguntas e respostas sobre o design da página de destino com o designer visual sênior Freddierick Mesias

Na Instapage, atendemos às mais altas expectativas: as suas. Ouvimos de muitos profissionais de marketing que nossa plataforma é intuitiva e ajuda suas campanhas a obterem taxas de conversão mais altas. Sabemos que os designers, em particular, usam nosso construtor por causa de alguns recursos específicos que lançamos nos últimos anos.

Nossa equipe está constantemente recebendo feedback de designers em testes de usabilidade, entrevistas moderadas e pontuações de NPS. Levamos esse feedback muito a sério para continuar a construir uma plataforma que não apenas atenda às necessidades atuais dos designers, mas também aos desejos futuros.

Sentei-me com nosso designer visual sênior, Freddierick Mesias, para obter sua experiência com páginas de destino pós-clique e a plataforma Instapage.

BW: Qual é a sua experiência em design e qual é a sua função no Instapage?

FM: Minha experiência em design varia de web design, branding e design de interface de usuário. As principais ferramentas de design que utilizo são Sketch (para criar maquetes de alta fidelidade), Adobe Photoshop e Illustrator (para criar recursos visuais de página de destino pós-clique, como ícones, edição de fotos, ilustrações, etc.)

Aqui na Instapage, nossa equipe de design é complementada por um conjunto diversificado de habilidades: web design, ilustração e comunicação de marca. Nosso principal objetivo é comunicar de forma eficaz o nosso público por meio de recursos visuais. Minha função é projetar páginas de destino pós-clique bonitas e de alta conversão para nossa equipe de marketing.

BW: Como foi sua primeira experiência quando você projetou uma página de destino pós-clique com o Instapage?

FM: Para mim, não houve muita curva de aprendizado porque o produto já estava bastante avançado na época em que entrei em novembro de 2016. Quando comecei com o Instapage, fiquei impressionado com a forma como a plataforma foi construída com designers em mente . O construtor não estava sobrecarregado com um monte de opções de menu onde você poderia se perder.

Claro, havia os guias verdes no construtor para ajudar a alinhar os elementos, mas o recurso móvel, agrupamento e alinhamento me surpreendeu quando projetei minha primeira página de destino pós-clique. Em vez de alinhar cada elemento e espaçá-los para dispositivos móveis, agora eu poderia agrupar itens e movê-los todos de uma vez, mantendo a proporção intacta para dispositivos móveis.

Essa última parte é particularmente especial porque, como a Internet usa dispositivos móveis com mais frequência, é fundamental que as páginas de destino pós-clique dos profissionais de marketing sejam otimizadas para dispositivos móveis. Com esse recurso, pude pegar minha versão completa para desktop e convertê-la automaticamente para celular com apenas um clique. Fazer isso economizou muito tempo e me permitiu publicar páginas mais rapidamente para nossa equipe.

Se eu fosse definir duas características para Instapage, diria que é personalizável e indolor.

BW: Quanto tempo você levou para se sentir confortável usando o Instapage?

FM: Nem um pouco. O que acontece com o Instapage é que ele é amigável ao designer. Se você está familiarizado com outras ferramentas de design como Sketch, Illustrator ou Photoshop, não terá problemas para se familiarizar com a plataforma.

Veja a página inicial pós-clique de integração do HubSpot que eu construí. A página inteira foi construída no Instapage, mas eu criei o gráfico da página de três camadas no Photoshop e o inseri em nossa plataforma, o que adicionou um bom componente visual (clique aqui para ver a página de destino pós-clique completa):

BW: Quais são as frustrações típicas que os designers enfrentam ao criar páginas de destino pós-clique?

FM: Designers por natureza são perfeccionistas; nossos empregos dependem desse atributo. Portanto, mesmo que algo pareça perfeitamente alinhado para o olho destreinado, por exemplo - mas não está - no fundo o designer saberá que poderia ser melhor.

É por isso que nosso recurso Editor de estilo embutido é particularmente útil, pois permite que você faça alterações de estilo personalizado em nível de elemento. Qualquer coisa, desde alterações de preenchimento de texto, raio da borda, altura da linha e muito mais. Você não precisa mais olhar para nada. Nosso construtor permite que você personalize até o último pixel para que possa criar exatamente o que deseja.

(Aqui está um exemplo de como você pode isolar um elemento e adicionar uma sombra projetada a um botão usando um estilo personalizado :)

BW: Com quem você mais colabora ao projetar uma página?

FM: Dependendo da campanha, temos pelo menos 3 a 5 partes interessadas: 1 redator, 1 a 2 designers e 1 a 2 líderes de marketing. O redator cria uma linguagem persuasiva para demonstrar a proposição de valor e os principais benefícios da oferta, passa a cópia para mim para o design final e os líderes de marketing supervisionam o projeto e dão aprovações ao longo do caminho. Além disso, dependendo das necessidades de design da página de destino pós-clique, às vezes eu me comunico com nosso designer gráfico para criar gifs ou outros recursos visuais para ajudar a comunicar a mensagem.

Você notará que não incluí um desenvolvedor. Em ocasiões muito raras, traremos um desenvolvedor para a implementação de projetos complexos. Colaborar e dar feedback uns aos outros tornou-se 2x mais eficiente ao construir uma landing page pós-clique com nossa solução de colaboração. Em vez de usar capturas de tela enviadas pelo Slack ou ferramentas de terceiros, podemos colocar um ponto de acesso em um elemento de página de destino pós-clique e notificar o designer (redator ou outra parte interessada) para fazer as atualizações necessárias.

(Para uma visão melhor da colaboração, assista abaixo - comunicando-se por meio de pontos de acesso e compartilhando a página com sua equipe de marketing. Ou você pode ir aqui.)

BW: Qual é o seu recurso Instapage favorito e por quê?

FM: Como designer, isso é difícil de responder, mas devo dizer que meu recurso favorito do Instapage são os três novos recursos de design que anunciamos em junho de 2017:

• Medições de Borda
• Bloqueio de eixo
• Atalhos do teclado

A maioria dos designers que conheço está sempre ansiosa pela ferramenta certa a ser usada para tornar seu processo de design mais eficiente. Mas também precisa criar um trabalho de design com pixels perfeitos. Dito isso, acredito que o Instapage faz exatamente isso.

Semelhante ao uso do Sketch App, temos Edge Measurement e atalhos de teclado. A medição de bordas é especialmente interessante porque você pode mover e alinhar elementos pixel a pixel ou faixa de pixels - deixando as coisas exatamente onde você deseja. O bloqueio do eixo permite que você mova elementos ao longo do eixo X ou Y perfeitamente, sem ter que lidar com guias complicados.

Esses recursos combinados me permitem construir uma página de destino pós-clique bonita e perfeita em pixels dentro da própria plataforma. Agora você pode projetar sem limites! (Para obter mais informações sobre medição de borda e bloqueio de eixo, observe estes :)

Otimizar e iterar em nosso design inicial depois de lançar nossa landing page de pós-clique em liberdade é um dos estágios mais importantes. É aqui que os recursos de teste A / B da Instapage são úteis.

BW: Existe uma página de destino pós-clique em particular da qual você mais se orgulha?

FM: Claro! Há alguns meses, tive um projeto para projetar e construir uma landing page pós-clique para o lançamento de nossa Solução de Colaboração. Eu era relativamente novo na equipe, então aprender e seguir nossas diretrizes de marca e guia de estilo desempenhou um papel importante no processo. Consegui criar a landing page de pós-clique com bastante facilidade e tenho orgulho de dizer que atualmente ela tem uma taxa de conversão de 24% (clique aqui para ver a página inteira).

Tem um recurso de design que você gostaria que adicionássemos?

Estamos sempre buscando feedback de nossos clientes e queremos ajudá-lo a criar páginas de destino pós-clique melhores e de alta conversão em grande escala. Se houver um recurso de design que você gostaria que adicionássemos ao nosso construtor, envie-nos seus comentários. Convidamos você a avaliar Instapage no Capterra, Trustpilot ou G2 Crowd.

Em seguida, comece a criar sua página de destino pós-clique 100% personalizável com o Instapage. Você simplesmente não pode dar errado com nossa plataforma de design amigável e recursos avançados de teste A / B; sua taxa de conversão agradecerá. Inscreva-se para uma demonstração do Instapage Enterprise hoje mesmo.