Bic2023

Campanha BIC Color Coding Hotsite & Conversão Omnichannel

Campanha BIC Color Coding Hotsite & Conversão Omnichannel
Descrição

Concepção de UI/UX e Direção de Arte para o hotsite oficial da campanha nacional Color Coding da BIC. O projeto consistiu na criação de uma Landing Page de alta conversão focada em Inbound Marketing, criada para apoiar o lançamento do kit físico "Meu Planejamento". A página funciona como o ponto central de uma estratégia omnichannel: o consumidor adquire o produto físico nos varejistas, escaneia um QR Code impresso diretamente na embalagem e é direcionado ao hotsite para fazer o download de planners exclusivos e consumir conteúdos de criadores parceiros, transformando um cliente de PDV em um lead digital qualificado.

Processo

Direção de Arte Autoral, UX e Conversão

Abordagem de Layout Autoral e Assimétrica

Afastando-se dos grids corporativos rígidos e repetitivos, o design seguiu uma linha visual proprietária e expressiva para se conectar com o público de papelaria. As seções de planejamento (Estudos, Financeiro, Rotina e Treino) foram diagramadas como blocos de notas sobrepostos, inclinados e assimétricos, simulando a disposição orgânica de uma mesa de estudos rea.

03

Ilustrações Vetoriais e Texturas Orgânicas

Para materializar o conceito analógico do papel e da escrita no ambiente digital, toda a interface foi enriquecida com ilustrações vetoriais exclusivas que imitam rabiscos manuais feitos à caneta, como corações, estrelas e setas indicativas. Esse cuidado estético se estendeu aos elementos funcionais da interface: os botões de controle de vídeo foram desenhados como selos ilustrados e integrados organicamente à composição das fotos, mantendo a identidade visual lúdica sem perder a clareza de clique.

04

Arquitetura de Conversão e Inbound

A jornada da página foi estruturada logicamente para quebrar objeções e gerar desejo. O topo apresenta o conceito da metodologia, o meio traz autoridade com influenciadores de nicho em blocos modulares e a base finaliza a experiência com um formulário de captura limpo e espaçado, otimizado para que o usuário selecione os planners de seu interesse direto na hora do cadastro.

Otimização Crítica Mobile-First

Como o ponto de entrada principal da página era o escaneamento de um QR Code físico por smartphones, a adaptação para dispositivos móveis foi tratada como prioridade absoluta. Incluindo as sobreposições de blocos, fotografias com fundos recortados e os elementos vetoriais foi reordenada milimetricamente para o viewport mobile. Isso garantiu que a página mantivesse o mesmo impacto estético, legibilidade e fluidez de carregamento para o usuário que acessa com o celular na mão.

0201

Resultado
  • Jornada Omnichannel Sem Fricção: a integração física e digital por meio do QR Code da embalagem funcionou de forma impecável, criando um fluxo natural de pós-venda que gerou valor imediato para o consumidor através do recebimento dos planners por e-mail.

  • Engajamento e Retenção Elevados: a quebra do layout tradicional em favor de uma estética artística e tátil aumentou o tempo de permanência na página, capturando a atenção do usuário ao longo de toda a rolagem de conteúdo.

  • Base de Leads Qualificada: a estrutura modular do formulário final permitiu à BIC não apenas capturar dados básicos, mas segmentar o comportamento e as preferências de seus clientes (estudantes, profissionais ou entusiastas de fitness) com precisão desde o primeiro contato.