Redesign do E-commerce Carioca Calçados em 2019

Reformulação completa da plataforma de e-commerce da Carioca Calçados, uma das maiores redes de varejo de calçados do Sul do Brasil. O projeto combinou UI/UX Design e Estratégia de Conteúdo para transformar uma jornada de compra tradicional em uma experiência digital fluida, moderna e focada em conversão direta. O principal desafio foi unificar regras de negócio complexas do varejo físico e digital em um fluxo de navegação limpo, intuitivo e totalmente responsivo para diferentes tamanhos de tela.
Projeto feito na Tiki em 2019.
Arquitetura de Navegação e Filtros Avançados
Otimização da Página de Listagem de Produtos (PLP) com a estruturação de uma barra lateral de filtros dinâmicos e responsivos (tamanho, cor, marca, gênero e preço). A lógica de navegação foi desenhada para encurtar o caminho entre a intenção de compra e o carrinho, permitindo uma descoberta rápida de produtos em catálogos densos.
Estratégia de Conteúdo e Merchandising Visual
Desenvolvimento de um grid flexível para a Home Page, permitindo o destaque de campanhas sazonais ("Preview de Verão"), carousels de lançamentos e blocos promocionais integrados de forma orgânica. Na Página de Produto (PDP), a hierarquia de informação priorizou a clareza técnica dos atributos (seletores de tamanho, tabelas de medidas e cálculo de frete) antes do botão de ação principal (CTA).
Mapeamento de Estados e Regras de Negócio
Design focado em cenários reais de interação por meio de fluxos lógicos e modulares. Foram projetados microestados para buscas preditivas com autocomplete, menus suspensos de login rápido e fluxos de cadastro passo a passo, mitigando erros de preenchimento e garantindo consistência no fluxo de autenticação.
Engenharia de Checkout e Pós-Compra
Simplificação do funil de conversão, onde as regras de negócio de identificação, entrega e pagamento foram distribuídas em seções modulares limpas, reduzindo o abandono de carrinho. O fluxo se estende até as telas de sucesso do pedido, avaliações pós-compra e tratamento inteligente de estados vazios (Empty States).
Home e Header


Listagem de produto (PLP)

Checkout Design

Produto

Confirmação de Compra e Avaliação

Minha conta



Internas

Consistência Ponta a Ponta (Entrega Responsiva)
Embora a apresentação principal destaque o ecossistema desktop, toda a complexidade de UI, árvores de navegação e componentes modulares foi metodicamente transposta e validada para resoluções menores, garantindo máxima usabilidade e paridade de recursos desde telas ultra-wide até viewports mobile compactos de 1920px, 1280px e 350px viewports.

Mitigação de Atrito no Funil
A reestruturação visual do checkout e das páginas de perfil do usuário transformou regras de validação burocráticas em etapas amigáveis e fáceis de preencher, reduzindo a taxa de abandono na boca do funil de vendas.
Consistência de Marca Escalável
Criação de um sistema visual unificado focado nos tons de verde institucionais, que funciona harmonicamente em banners promocionais agressivos e em interfaces limpas de pagamento, sem perder a identidade da marca.
Paridade de Experiência Mobile
A adaptação rigorosa da arquitetura de informação para telas reduzidas garantiu que o consumidor mobile final tivesse acesso às mesmas mecânicas refinadas de filtro, login e checkout rápido da versão desktop, assegurando uma experiência omnichannel impecável.











