Skip to content
  • Marketing digital
  • Cases de Sucesso
  • Materiais Ricos
  • Marketing digital
  • Cases de Sucesso
  • Materiais Ricos
Blog Agência Mango - Marketing Digital
  • Contato
  • Contato
×
Blog Agência Mango - Marketing Digital
×

Case de Sucesso

Case Colli Bike: Como o relayout do site transformou a percepção da marca

  • Agência Mango
  • outubro 30, 2024
  • 9:00 am

Ter um Site Institucional robusto vai muito além de marcar presença online. Primeiramente, é a porta de entrada para novos negócios, leads, contatos e deve transmitir a essência da marca.

Apesar disso, nem todas as empresas conseguem passar a linguagem que representa a marca. E um exemplo foi da indústria Colli Bike, que chegou até nós, da Agência Mango. A empresa tinha um site institucional que não refletia a qualidade dos produtos. 

A Colli Bike produziu mais de 500 mil bicicletas em 2023, mas seu site antigo não passava a dimensão e a importância da marca no mercado. A aparência infantil e a falta de funcionalidades adequadas estavam afastando os consumidores.

O relayout elaborado por nossa equipe melhorou a experiência do usuário e ajudou a marca a se comunicar de forma eficaz o valor de seus produtos de alta performance.

 

Diagnóstico Colli Bike: Site que não conversava com o público

Primeiramente, o grande desafio do Case Colli Bike era mudar a imagem transmitida pelo site institucional. Com foco em performance e qualidade, a empresa precisava de um espaço digital que refletisse esses atributos. 

Mesmo sendo uma referência no mercado de bicicletas, com mais de 500 mil unidades produzidas em 2023, entre os principais problemas estavam:

  • Design infantil
  • Falta de uma estrutura bem definida 
  • Navegação confusa
  • Não atração dos clientes certos
  • A falta de possibilidade de cadastro de leads

E como o principal problema estava no design, que não conectava com os clientes de produtos de ticket mais elevado, como bicicletas de alta performance, esse foi o ponto de partida. Principalmente porque isso criava uma barreira para as vendas, já que os consumidores não associavam a marca aos produtos premium que a Colli Bike oferece.

Além disso, o site carecia de uma estrutura organizada e uma experiência de navegação fluida, como citado anteriormente. A falta de CTAs claros e a disposição confusa das informações dificultavam a conversão de visitantes em leads ou clientes.

 

A Solução Case Colli: Usabilidade e Estética

Primeiramente, nós, da Agência Mango, entendemos o público-alvo, a essência da marca, os objetivos da Colli Bike e qual imagem a marca gostaria de transmitir. Com base nisso, desenhamos um layout moderno, dinâmico e esportivo, que combinasse as cores da marca de forma harmoniosa e atraente. A ideia era transmitir a imagem de uma empresa forte e inovadora, sem perder a leveza e a conexão com o mundo esportivo.

Além da estética, a funcionalidade foi um ponto central no desenvolvimento. Outro pontos trabalhados foram:

Catálogo

Outro diferencial foi a criação de uma página dedicada ao catálogo da Colli Bike, que funciona como uma vitrine organizada para o consumidor final. A ideia não era criar um e-commerce, mas sim um site institucional que facilitasse o contato entre a marca e os clientes, oferecendo as informações de forma direta e atraente.

Funcionalidades Interativas

Além do design e da organização, a Agência Mango desenvolveu funcionalidades que melhoraram a experiência do usuário, como:

  • Seleção de cores dos produtos diretamente na página do catálogo;
  • Ampliação de imagens por hover, permitindo que o usuário visualize os detalhes dos produtos sem sair da página;
  • Mosaico de fotos e especificações técnicas em cada produto;
  • Acesso a todas as informações de maneira clara e detalhada, ajudando na tomada de decisão;
  • Hover com ampliação de imagem;
  • Filtros laterais e mosaico de fotos, para facilitar a comparação de modelos e visualizar diferentes ângulos dos produtos.

Esses recursos não apenas melhoraram a estética e a funcionalidade do site, mas também ajudaram a posicionar a Colli Bike como uma marca de alta performance.

Foco em Mobile First

Com o aumento do uso de dispositivos móveis para navegação, o novo site foi construído com foco em mobile first, ou seja, ele foi otimizado para garantir uma navegação fluida em smartphones e tablets. Isso não só melhorou a experiência dos clientes, como também ajudou a aumentar a taxa de engajamento e conversão no site.

 

Criar site institucional

 

Resultados Case Colli Bike

Após o relayout do site institucional, a Colli Bike começou ver mudanças nos resultados, dentre eles o aumento nas vendas de bicicletas de alta performance e reconhecimento do tom da marca.

Além disso, a Colli teve maior prospecção de novos revendedores, com a criação de um formulário de cadastro otimizado para facilitar o processo de novos parceiros por meio de Landing Page.

A melhoria na experiência do usuário também foi perceptível. Os usuários que chegam ao site têm uma navegação intuitiva, dinâmica e com funcionalidades que tornam a compra e a pesquisa muito mais fáceis.

A estrutura ficou robusta, passando a imagem que a marca queria mostrar e transmitir. Outro ponto é a facilidade de oportunidades futuras, com o site pronto para uma possível integração com e-commerce.

Com o novo site, a Colli Bike não só conseguiu melhorar a comunicação com seus consumidores, como também abriu novas oportunidades de negócio. Agora, revendedores podem se cadastrar diretamente no site por meio de um formulário intuitivo, facilitando a prospecção de novos parceiros.

Além disso, o site institucional foi construído com foco em mobile first, garantindo uma experiência fluida em dispositivos móveis, algo essencial no comportamento do consumidor atual. Isso aumentou a acessibilidade do site e, consequentemente, a interação dos visitantes com a marca.

 

📔Leia também: Alcance suas Metas de Marketing e Vendas com Site Institucional

 

Transforme seu Site com Agência Mango

O Case Colli Bike é um exemplo de como um site institucional pode impactar o crescimento de uma marca. O resultado foi um site moderno, funcional e preparado para futuras evoluções, como a implementação de um e-commerce.

Nós, da Agência Mango, estamos prontos para ajudar sua empresa a transformar seu site institucional em uma ferramenta de vendas eficaz. 

Dê o próximo passo e melhore a presença digital da sua marca, entre em contato conosco!

 

Criar site empresarial

Facebook
Linkedin
Reddit
Tumblr
Telegram
Picture of Agência Mango

Agência Mango

A Mango é uma Agência focada em Branding e Growth. Por meio de estratégias de Inbound Marketing, Tráfego Pago e uma cultura orientada a dados, trabalhamos do planejamento à execução de estratégias que fazem as empresas escalarem e ter um crescimento saudável.
Como Usar Blog no Inbound Marketing para Gerar Leads em 2025

Como Usar Blog no Inbound Marketing para Gerar Leads em 2025

maio 10, 2025 . Agência, Marketing Digital
Agência MangoPor Agência Mango
Branding + Growth Marketing: Como escalar resultados com essa combinação

Branding + Growth Marketing: A chave para a escala de resultados

maio 5, 2025 . Brading
Agência MangoPor Agência Mango

Marketing digital

Como Usar Blog no Inbound Marketing para Gerar Leads em 2025

Como Usar Blog no Inbound Marketing para Gerar Leads em 2025

maio 10, 2025 . Agência, Marketing Digital
Agência MangoPor Agência Mango
Estratégias de Growth e identidade de marca

Estratégias de Growth que Respeitam a Identidade da Marca

abril 16, 2025 . Marketing Digital
Agência MangoPor Agência Mango
estratégia de branding

Por que investir em estratégia de branding vai além da identidade visual

março 11, 2025 . Brading, Marketing Digital
Agência MangoPor Agência Mango
Veja Mais

E-commerce

Tycket-estrategia-carrinhos-abandonados

Case Tycket: Como a Mango Recuperou mais de 10% dos Carrinhos Abandonados

26 de março de 2025 . Agência Mango

Passo a Passo para Estruturar uma Loja Virtual de Sucesso

7 de novembro de 2024 . Agência Mango
como criar um blog

Como criar um blog para e-commerce? Dicas essenciais para o sucesso!

28 de março de 2022 . Agência Mango

Case de Sucesso

Tycket-estrategia-carrinhos-abandonados

Case Tycket: Como a Mango Recuperou mais de 10% dos Carrinhos Abandonados

26 de março de 2025 . Agência Mango

Case de Sucesso Viação Garcia e Brasil Sul Revolucionando a Presença Digital

25 de outubro de 2023 . Agência Mango
case de sucesso nas redes sociais instagram

Case de sucesso: Alcance de mais 15 mil seguidores de forma 100% orgânica

9 de junho de 2022 . Agência Mango

Gestão e Liderança

Inteligência Artificial no Marketing Digital: Quais os benefícios para sua empresa?

16 de janeiro de 2024 . Agência Mango
formação de líderes topo

Agência Muito Mais Digital, de Curitiba (PR), investe na formação de líderes internos

11 de fevereiro de 2022 . Agência Mango
como-reter-talentos-na-agência-de-marketing

Como reter talentos na sua agência de Marketing Digital e diminuir sua taxa de turnover 

2 de dezembro de 2021 . Agência Mango

Inscreva-se em nossa newsletter

E fique por dentro de todas as novidades!
  • Facebook
  • Instagram
  • Linkedin
2024 Agência Mango. Todos os direitos reservados.
Agência Mango

Criação de sites