Arquitetura do novo site
Arquitetura + navegação avançada

O novo site da CIACOLLOR

Estrutura proposta a partir do briefing e das decisões do kickoff. O objetivo é reorganizar o site atual sem perder conteúdos importantes, reduzir cliques e criar jornadas claras para consumidor final, pintor e lojista.

● Alinhado na call● Proposta de arquitetura● Validar / estudar

Mapa de páginas

Clique em qualquer bloco para ver a lógica, conteúdo esperado e função daquela área.

ConfirmadoPropostaValidar
CIACOLLOR.com.br
Navegação principal

Jornadas por público

O site não pode tratar todos os visitantes da mesma forma. Troque a jornada abaixo.

Arquitetura da Home

A home deve resumir o ecossistema CIACOLLOR e direcionar rapidamente o visitante para a próxima ação.

Estrutura persuasiva alinhada
01. Hero em vídeo

Vídeo institucional sem depender de áudio + imagem estática de fallback.

02. Atalhos por intenção

Produtos, cores, onde comprar, conteúdo e informações sobre a marca.

03. Destaque de produtos

Entrada visual para linhas/categorias com navegação direta para o detalhe.

04. C System / Cores

Área de destaque para sistema tintométrico e futura experiência de simulação.

05. Onde Encontrar

Atalho forte para o mapa / busca por cidade e revendas.

06. CIACOLLOR em números

História, escala, produção, presença e confiança da marca.

07. Prova social

Cases, parceiros, depoimentos e/ou avaliações quando disponíveis.

08. Conteúdos e eventos

Últimos posts, materiais úteis e agenda de ações com pintores e lojistas.

09. FAQ

Dúvidas frequentes em acordeão no final da Home, evitando uma página isolada sem necessidade.

10. Footer completo

Contatos, redes sociais em ícones, documentos institucionais, manual de marca e navegação auxiliar.

C System — demonstração

A call tratou a visualização de cores em ambientes como uma funcionalidade importante, mas ainda sujeita a estudo técnico. Abaixo é só uma prova visual da lógica.

Viabilidade técnica
Demonstração conceitual

Teste uma cor na parede

Clique em uma cor. Em um produto real, esta etapa poderia incluir ambientes diferentes, paleta CIACOLLOR e código/nome da cor.

Cor aplicada: Neutro

O que é decisão e o que é hipótese

Separação importante para não transformar uma sugestão de UX em escopo técnico aprovado sem validação.

Alinhado

Manter e redesenhar

Produtos e documentos técnicos, Onde Encontrar, Blog, Eventos, estrutura institucional e gestão via WordPress.

Arquitetura proposta

Organização do menu

Agrupamento por intenção, uso de dropdowns, destaque para Cores/C System e Home como hub de acesso rápido.

Validar

Simulador de cores

A experiência de aplicar cores em ambientes foi considerada importante, mas precisa de definição funcional, técnica e de escopo antes da implementação.