Projeto Codeby: Novo site da Camisaria Colombo

Site ideal para uma loja inteligente

Há mais de 100 anos, a Camisaria Colombo vem conquistando o mundo da moda masculina brasileira com suas peças para o dia-a-dia, trabalho e lazer.

Conhecida como a marca ideal para o homem inteligente, a camisaria Colombo traz em suas peças conforto, praticidade e qualidade.

Com a proposta de atender as necessidades do homem moderno, a marca oferece acessibilidade através do seu site que está de cara nova. 

A marca procurou nossa assistência para desenvolver um site novo, com layout moderno onde as informações ficassem bem-dispostas e as funcionalidades do site mais atuais. Tivemos como principal objetivo, melhorar a performance do site através da personalização da navegação.

Como foi o projeto?

Neste projeto, além da criação de um novo layout totalmente responsivo e intuitivo, foram adicionados alguns plugins para tornar a navegação do cliente mais personalizada e dinâmica.

Sendo Personalização, um dos maiores motivos para um site novo, optamos por dar liberdade ao cliente na escolha de como gostaria de visualizar a página de produtos. Por isso aplicamos o Grid View” para que o cliente escolha quantos produtos quer visualizar por linha, e esta escolha fique salva para que a navegação seja completamente personalizada para ele em todas as páginas que passar.


 
Still aiming for Personalization, we added to the site a "Dynamic Login" that shows different information when the client is logged in or not to the site. When logged in, the customer can access their profile, manage the registered addresses, track orders or manage the list of products they want. When not logged in, the customer has the options to register, track orders and access the list of products added as favorites.

Para tornar a navegação facilitada, aplicamos a “Busca personalizada” ao site, que possibilita o cliente ter mais detalhes sobre o produto e acesso a imagens de maior qualidade direto na barra de busca do site. Adicionamos também, o “Product Highlight” que faz uma marcação no produto que já foi adicionado ao carrinho pelo cliente, permitindo que ele foque em outros produtos da prateleira. 

Para completar esta etapa da compra, aplicamos a “validação ao comprar produto”, uma notificação para o cliente selecionar opções de tamanho, e quantidade (junto ao botão de comprar). 

Pensando no caso em que o produto esteja indisponível no site, aplicamos o “Recomendação automática de produto” tornando possível recomendar automaticamente produtos de uma mesma categoria, tamanho ou cor. Neste caso, utilizamos API’s nativas da plataforma VTEX e simplicamos o processo.

Resultado

Um site fluido, com processo de compra bem desenhado e personalização da experiência de cada cliente.

Um dos diferenciais desse projeto, é o tamanho total do site que antes tinha 1.6MB e agora, através de mitificação de arquivos e um código bem escrito, o site tem apenas 900kb em seu tamanho total melhorando o tempo de resposta e carregamento das páginas.

Orgulho em entregar mais este site inteligente.