Carioca Calçados2019

Redesign do E-commerce Carioca Calçados em 2019

Redesign do E-commerce Carioca Calçados em 2019
Descrição

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.

Processo

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

0102

Listagem de produto (PLP)

03

Checkout Design

04

Produto

09

Confirmação de Compra e Avaliação

05

Minha conta

060708

Internas

10

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.

11

Resultado

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.