Voltar

Case de sucesso Sergio K: redesign com foco em experiência e performance

Felipe Trudes

Felipe Trudes

20 de outubro de 2025

Na we.digi, acreditamos que design e performance devem caminhar juntos. Cada detalhe da interface pode transformar a forma como o usuário interage com uma marca e impactar diretamente seus resultados.

Esse foi o ponto de partida do projeto com a Sergio K, marca de moda masculina reconhecida pelo estilo contemporâneo e atitude irreverente, que buscava aprimorar sua presença digital e oferecer uma jornada de compra mais fluida, intuitiva e eficiente.

O desafio: equilibrar estilo e usabilidade


O site da Sergio K refletia bem a identidade visual da marca, mas apresentava barreiras de navegação e usabilidade que comprometiam a experiência do usuário e, possivelmente, a taxa de conversão.

Entre os principais pontos diagnosticados estavam:

- Contraste fraco nos textos e botões, prejudicando a legibilidade;

- Campos de interação pouco acessíveis, especialmente em dispositivos móveis;

- Falhas no comportamento responsivo, afetando a visualização de banners e menus;

- Estrutura de menu confusa, exigindo muitos cliques até chegar ao destino desejado.


Esses problemas criavam fricções ao longo da jornada de compra e dificultavam o caminho até a conversão. O desafio era, portanto, redesenhar o site sem perder a essência da marca, mantendo o equilíbrio entre estética, funcionalidade e performance.

A estratégia: UX e CRO trabalhando lado a lado



O projeto foi guiado por uma metodologia orientada a UX (User Experience) e CRO (Conversion Rate Optimization), com foco em entender o comportamento do usuário e eliminar obstáculos na jornada.

O trabalho envolveu uma reestruturação completa das principais interfaces, desde a home até as páginas de produto, com ênfase na navegação, hierarquia visual e clareza das informações.

Entre as principais melhorias implementadas, destacam-se:
- Reestruturação da home e da PDP (página de produto): priorizando informações -relevantes e uma hierarquia clara.

- Campo de busca sempre visível: facilitando o acesso rápido ao catálogo.

- Novo menu com submenus expansíveis: reduzindo cliques e tornando a navegação mais intuitiva.

- Área de login redesenhada: destacando funcionalidades do usuário logado.

- Newsletter otimizada: com campos mais claros e botão de ação mais atrativo.

- Ajustes no comportamento responsivo: garantindo uma experiência consistente em todas as telas.

- Modal de compra rápida na PLP: permitindo selecionar tamanhos e cores sem sair da página.

O redesign em ação

O novo site da Sergio K foi pensado para oferecer uma navegação fluida e natural, eliminando distrações e reforçando os pontos de conversão.

Na home, a estrutura foi reorganizada com foco em clareza visual e storytelling da marca.

No menu mobile, os submenus expansíveis reduziram significativamente o número de cliques, tornando o acesso a categorias e produtos mais direto.

Já na PDP, as informações principais — nome, preço, variações e botão de compra — agora aparecem na primeira dobra, garantindo que o usuário encontre tudo o que precisa sem precisar rolar a página.

A galeria de imagens ganhou um comportamento mais dinâmico, e o uso de ícones e diferenciais do produto reforçou a percepção de valor. No mobile, a experiência foi refinada ao máximo: banners com comportamento ajustado, elementos de toque ampliados e hierarquia de conteúdo otimizada para telas menores.

Essas melhorias, embora sutis em alguns casos, têm impacto direto no tempo de navegação, na taxa de cliques e nas conversões.

O resultado


O novo site da Sergio K entrega uma experiência digital moderna, intuitiva e orientada à conversão.

Agora, design e performance trabalham lado a lado para oferecer uma jornada de compra sem fricções, fortalecendo a presença da marca no ambiente digital.

Mais do que um novo layout, o projeto representa uma evolução na relação entre marca e consumidor, onde cada detalhe visual, cada clique e cada interação têm propósito, impacto e resultado.


Conclusão

Um dos maiores diferenciais deste projeto foi o trabalho conjunto entre design e desenvolvimento. Desde o início, as equipes atuaram de forma integrada, garantindo que as melhorias propostas em UX fossem traduzidas em código com eficiência e alinhamento à estratégia de negócio.

Além disso, todo o processo foi guiado por princípios de UX focados em performance e conversão, sem comprometer a identidade visual da marca, um equilíbrio essencial em projetos de redesign para marcas consolidadas.

Quer otimizar sua operação digital e gerar mais resultados?

Fale com a we.digi e leve seu e-commerce para o próximo nível.

Felipe Trudes

Felipe Trudes

CEO, we.digi

Praça Sílvio Romero, 55 – CJ 35, Tatuapé – CEP: 03323-000, São Paulo, SP | Copyright © 2021 Todos os direitos reservados: We.Digi Brasil Serviços Digitais LTDA. – CNPJ: 03.167.121/0001-10 | Desenvolvimento em Vtex.IO – Consultoria de E-commerce.