Design visual com foco em conversão e narrativa

Design visual com foco em conversão e narrativa

Em apenas 5 dias, desenvolvi junto ao time da Nike uma landing page que apresentava o programa de Social Commerce para influenciadores esportivos e criava uma porta de entrada oficial para novas adesões.

Em apenas 5 dias, desenvolvi junto ao time da Nike uma landing page que apresentava o programa de Social Commerce para influenciadores esportivos e criava uma porta de entrada oficial para novas adesões.

Em apenas 5 dias, desenvolvi junto ao time da Nike uma landing page que apresentava o programa de Social Commerce para influenciadores esportivos e criava uma porta de entrada oficial para novas adesões.

Cliente
Cliente

Nike

Nike

Indústria
Indústria

Varejo

Varejo

Meu papel

UI Designer

Papel

UI

Ano
Ano

2023

2023

Mockup de uma landing page da Nike com foco no programa SNKRS, exibindo menu superior, imagens de um grupo diverso de pessoas em ambiente urbano e fluxo de adesão ao programa.
Mockup de celular exibindo a interface do site da Nike. A tela mostra uma imagem de jovens sorridentes em frente a um muro de concreto, seguida pelo título “O poder da influência” e início do texto introdutório da landing page.
Mockup de celular exibindo a interface do site da Nike. A tela mostra uma imagem de jovens sorridentes em frente a um muro de concreto, seguida pelo título “O poder da influência” e início do texto introdutório da landing page.

Desafio

01

O Social Commerce é o programa de Marketing de inluência da Nike no Brasil. Alguns criadores Nike já usavam eles, mas não havia um canal onde mais pessoas pudessem manifestar interesse no programa.

O Social Commerce é o programa de Marketing de inluência da Nike no Brasil. Alguns criadores Nike já usavam eles, mas não havia um canal onde mais pessoas pudessem manifestar interesse no programa.

O Social Commerce é o programa de Marketing de inluência da Nike no Brasil. Alguns criadores Nike já usavam eles, mas não havia um canal onde mais pessoas pudessem manifestar interesse no programa.

Requisitos

02

  1. Comunicar de forma clara o que é o programa Social Commerce + Nike


  2. Mostrar quem pode participar e como

  3. Criar uma experiência que carregasse o tom autêntico da marca Nike

Objetivos

03

  1. Construir uma landing page funcional e visualmente alinhada à Nike em 5 dias


  2. Tornar o processo de entrada no programa mais simples e atrativo


  3. Fortalecer a relação da marca com influenciadores esportivos

Interface mobile do site da Nike exibindo uma imagem de jovens sorrindo em frente a um muro cinza e, ao lado, uma tela com o texto “O poder da influência” incentivando criadores a se conectarem com a marca. Abaixo, há um botão “Conectar” e um passo a passo do processo de inscrição.

Abordagem

04

Content first

01

Usei a abordagem Content First para guiar o design, garantindo uma boa arquitetura da informação, clareza na mensagem e eficiência no desenvolvimento. Então refinei o conteúdo com o time de Content Design, adaptando para o tom de voz e linguagem enxuta da Nike.

Coleta de referências

02

Organizei referências visuais (sites da própria Nike, Dribbble, Behance) para entender padrões de espaçamento e tipografia da marca.

Captura de tela de uma landing page da Nike voltada para influenciadores digitais. A página apresenta um banner com um grupo diverso de pessoas em ambiente urbano, seguido do título “O poder da influência” e um botão “Conectar”. Abaixo, há uma seção com passo a passo de inscrição, benefícios ilustrados com imagens (como recompensas, eventos, resultados e novidades), uma imagem com grupo correndo na rua e uma área de perguntas frequentes. O rodapé contém links institucionais, redes sociais e formas de pagamento.

Solução

05

  1. Landing page clara, enxuta, com hierarquia visual centrada em "o que é, quem pode, como participar"


  2. Adaptação de componentes do Design System da Nike para o contexto da landing page (não apenas e-commerce)


  3. Microinterações que reforçam a fluidez do processo de inscrição

Captura de tela de uma landing page da Nike voltada para influenciadores digitais. A página apresenta um banner com um grupo diverso de pessoas em ambiente urbano, seguido do título “O poder da influência” e um botão “Conectar”. Abaixo, há uma seção com passo a passo de inscrição, benefícios ilustrados com imagens (como recompensas, eventos, resultados e novidades), uma imagem com grupo correndo na rua e uma área de perguntas frequentes. O rodapé contém links institucionais, redes sociais e formas de pagamento.
Versão mobile da landing page da Nike para influenciadores. A tela exibe uma imagem de grupo sorridente, seguida do título “O poder da influência”, um texto explicativo e um botão “Conectar”. Abaixo, há um passo a passo do processo de inscrição, uma seção com benefícios em destaque, uma imagem de pessoas correndo na rua e perguntas frequentes com botões de expansão.

Resultados

06

Novo canal

01

Primeiro canal oficial da Nike Brasil para captação ativa de criadores no Social Commerce.

Novo canal

01

Primeiro canal oficial da Nike Brasil para captação ativa de criadores no Social Commerce.

Colaboração

02

Colaboração intensa com desenvolvedores otimizando o fluxo de entrega em apenas 5 dias.

Colaboração

02

Colaboração intensa com desenvolvedores otimizando o fluxo de entrega em apenas 5 dias.

Repertório

03

Aprendizado que ampliou meu repertório técnico e fortaleceu meu diálogo com desenvolvedores em projetos futuros.

Repertório

03

Aprendizado que ampliou meu repertório técnico e fortaleceu meu diálogo com desenvolvedores em projetos futuros.

Aprendizados

07

Mais do que criar uma página bonita, foi entender como alinhar conteúdo, design visual e desenvolvimento ágil para gerar impacto real e fortalecer a relação entre criadores e marca.

Mais do que criar uma página bonita, foi entender como alinhar conteúdo, design visual e desenvolvimento ágil para gerar impacto real e fortalecer a relação entre criadores e marca.

Mais do que criar uma página bonita, foi entender como alinhar conteúdo, design visual e desenvolvimento ágil para gerar impacto real e fortalecer a relação entre criadores e marca.