Projeto finalista no LADAWARDS 2026
Reebok | Zee.Dog
Função
UX | UI Designer
Ano
2025
Ferramenta
Figma
Acesso concedido aos bastidores! Role a página para conferir a documentação e o processo criativo por trás desta versão.
Objetivo
Gerar antecipação e garantir uma conversão eficiente no lançamento.
Desafio
Criar um ecossistema digital para um lançamento de edição limitada, equilibrando a herança esportiva da Reebok com a estética urbana da Zee.Dog.
Visão geral do projeto
A união entre o clássico esportivo da Reebok e a inovação da Zee.Dog resultou em uma coleção única que precisava de uma vitrine digital à altura. Desenvolvi a interface das páginas de pré-lançamento e lançamento, conectando o DNA de ambas as marcas em uma jornada que vai do suspense do spoiler à exposição detalhada dos produtos, garantindo uma navegação fluida e visualmente impactante.
Meu papel
Dividi minha atuação em dois momentos: primeiro, na criação da página de pré-lançamento voltada para captura de e-mails e geração de curiosidade e expectativa. Em seguida, na construção da interface de lançamento, onde desenvolvi toda a estrutura de componentes e interações, garantindo a integração dos assets criativos ao projeto final.
O processo do projeto
Este projeto envolveu três etapas: a criação de um painel de inspiração para uma visão atribuída., o desenvolvimento da landing page de pré lançamento, e por fim, a criação da landing page de lançamento focada na estrutura dos componentes interativos.
Identidade da collab
Equalização das identidades de ambas as marcas.
Time criativo
Fase 1 | Pré lançamento
Antecipação e coleta de dados (E-mail/Newsletter).
UX | UI Design
Fase 2 | Lançamento
Storytelling de produto e conversão.
UX | UI Design
Fase 1 | Pré lançamento
Explorando cada etapa da construção da Landing Page de pré lançamento (e-mail capture).
Pesquisa visual | Benchmark
Realizei uma análise de benchmark focada em identificar padrões de interface e funcionalidades inovadoras que pudessem elevar a percepção da marca. O estudo priorizou soluções que destacassem a identidade única desta colaboração, garantindo que os pontos fortes de ambas as marcas fossem traduzidos em componentes visuais estratégicos e uma navegação intuitiva.
Arquitetura e hierarquia de conteúdo
Nesta etapa, o desafio foi equilibrar o que dizer e o que ocultar. Estruturei as informações de modo a criar um fluxo de leitura que alimentasse a expectativa do usuário. A ordem dos elementos foi pensada para entregar 'spoilers' visuais controlados, garantindo que o interesse crescesse à medida que o usuário navegava pela página.
Insight | A Jornada pelas eras de Reebok
Identificamos a oportunidade de utilizar o acervo histórico da Reebok para criar um fluxo de antecipação dinâmico. Desenvolvi o conceito de uma linha do tempo onde cada era da marca é representada por um produto herói.
Para maximizar o retorno do usuário à página, propus um sistema de liberação programada de conteúdo: cada era é desbloqueada em datas específicas, instigando a curiosidade e educando o consumidor sobre o DNA da marca antes da revelação final.
Identidade
Uso de um estilo visual retrô para gerar conexão emocional e identificação imediata com o legado de cada era de Reebok e os produtos de Zee.Dog.
Insight
Timeline
Navegação cronológica que guia o usuário pelos produtos históricos, transformando a linha do tempo em uma jornada de descoberta.
Insight
O resultado
Um mergulho na versão final da landing page, unindo a estratégia de antecipação à identidade visual da collab.
:(
O carregamento de arte pesada, interações complexas e nostalgia visual causou uma falha de compatibilidade neste tamanho de tela.
Acesse este link por um computador para uma experiência completa.
Quer saber quem está por trás do erro? Acesse:
https://www.linkedin.com/in/ana-carolina-balan/
Error: DEVICE_NOT-SUPPORTED
:(
O carregamento de arte pesada, interações complexas e nostalgia visual causou uma falha de compatibilidade neste tamanho de tela.
Acesse este link por um computador para uma experiência completa.
Quer saber quem está por trás do erro? Acesse:
https://www.linkedin.com/in/ana-carolina-balan/
Error: DEVICE_NOT-SUPPORTED
Fase 2 | Lançamento
Explorando cada etapa da construção da estrutura da landing page de lançamento.
Arquitetura & Wireframe
Estrutura desenvolvida em colaboração com o time criativo para alinhar o layout à estratégia de conteúdo. O foco foi definir a volumetria das peças e a hierarquia visual necessária para apresentar os detalhes técnicos de cada novo produto.
Timeline
Navegação em banners, apresentando em destaque cada era do lançamento.
Conheça os produtos
Apresentação de todos os novos produtos.
Behind the product
Conhecendo os detalhes de cada produto.
Explore a coleção
Navegação entre as categorias de produto.
Componentização e Fidelidade Interativa
Desenvolvimento do sistema de componentes baseado na arquitetura aprovada. Cada elemento foi projetado com interações avançadas e alta fidelidade, simulando com precisão o comportamento real do produto final para facilitar a transição entre design e desenvolvimento.
O Resultado
Um mergulho na versão final da landing page, unindo a área criativa com a estratégia.
Para mais detalhes sobre o projeto, me da um alô! :)
