Lukscolor
Site inteligente
Um ecossistema digital para explorar produtos, cores e possibilidades.
A Lukscolor precisava de uma presença digital compatível com a dimensão da marca e com a complexidade do seu portfólio. O desafio não era apenas redesenhar o site, mas reorganizar uma grande quantidade de produtos, cores e informações técnicas em uma experiência mais clara, contemporânea e útil.
A Metakiase concebeu o projeto de ponta a ponta, conectando arquitetura da informação, UX/UI, conteúdo, SEO e desenvolvimento para transformar o site em uma plataforma de consulta, escolha e experimentação.
O desafio
Organizar complexidade sem tornar a experiência complexa.
O site anterior já não representava a dimensão da Lukscolor diante do mercado. Além da necessidade de atualizar sua presença digital após o redesign da marca realizado por outro parceiro, havia um desafio estrutural: apresentar um portfólio extenso sem transformar a navegação em uma simples lista de produtos.
Era preciso facilitar a descoberta, valorizar cada linha de tintas, organizar informações técnicas e oferecer caminhos diferentes para usuários com necessidades diferentes.
Papel da Metakiase
Da arquitetura ao desenvolvimento.
A Metakiase recebeu informações ainda pouco estruturadas e assumiu a concepção integral da experiência digital.
O trabalho envolveu arquitetura da informação, UX/UI, design, desenvolvimento, estruturação e cadastro de produtos, adequação textual, organização de conteúdo para SEO e desenvolvimento de funcionalidades específicas para o projeto.
Mais do que executar um novo layout, o trabalho consistiu em estruturar como todo esse universo de produtos, cores e informações seria apresentado e utilizado.
Estratégia
Diferentes caminhos para chegar à escolha certa.
Uma das principais decisões foi não tratar o catálogo como uma relação única de produtos.
A navegação foi organizada por categorias de aplicação, como paredes e alvenaria, pisos e madeira, permitindo que o usuário comece sua jornada a partir da necessidade que já possui. Busca e filtros complementam essa estrutura, reduzindo etapas até o produto desejado.
Nas páginas internas, conteúdo técnico, cores disponíveis e ferramentas relacionadas foram concentrados em uma mesma experiência. Assim, o usuário não precisa conhecer previamente o nome exato de uma tinta para conseguir encontrar uma solução adequada.
Produto e experiência
Informação técnica sem perder clareza.
Cada página de produto foi estruturada para reunir as principais informações necessárias à escolha e à aplicação da tinta.
O usuário encontra quantidade de cores disponíveis, indicação de uso interno ou externo, superfícies recomendadas, acabamento, número de demãos, tempo de secagem, embalagens disponíveis e informações completas sobre aplicação.
Também estão disponíveis orientações de preparo da superfície, diluição, ferramentas, forma de aplicação, locais indicados ou não para uso, observações importantes, boletim técnico e ficha de dados de segurança.
A página deixa de ser apenas uma apresentação comercial e passa a funcionar também como fonte de consulta.
Cores
Mais de uma forma de encontrar a cor certa.
O sistema de cores foi organizado por famílias tonais, incluindo vermelho, laranja, amarelo, verde, azul, violeta, neutros e off-white.
Cada cor possui nome e código próprios e está relacionada aos produtos em que pode ser utilizada.
Ao selecionar uma cor, o usuário também recebe sugestões de tons semelhantes, criando uma navegação mais exploratória e ajudando na comparação entre possibilidades próximas.
A estrutura conecta cor e produto, permitindo que a escolha estética e a escolha técnica façam parte da mesma jornada.
Ferramentas
Da inspiração à quantidade necessária.
Além da navegação pelo catálogo, o projeto incorporou ferramentas desenvolvidas para apoiar decisões que normalmente acontecem fora de um site institucional.
Calculadora de tinta
A calculadora considera as características específicas do produto selecionado e permite inserir a área em metros quadrados, descontar portas e janelas e acrescentar outras paredes ou tetos.
A partir dessas informações, o sistema calcula a quantidade necessária de tinta e indica o número de embalagens para tintas prontas ou para produtos preparados pelo sistema Luks System.
O objetivo é aproximar a informação técnica de uma situação real de compra e aplicação.
Simulador de ambientes
O simulador permite utilizar uma fotografia própria, enviada pelo computador ou capturada pelo celular, para experimentar diferentes cores no ambiente.
Com auxílio de inteligência artificial, a cor escolhida é aplicada à imagem para criar uma visualização do resultado.
Ao final, o usuário também pode exportar a composição com os respectivos nomes e códigos das cores utilizadas.
A ferramenta transforma a exploração do catálogo em uma experiência diretamente relacionada ao espaço real do consumidor.
Encontrar onde comprar
Do digital para a loja mais próxima.
O site também conecta a descoberta do produto ao ponto de venda.
Mais de 500 lojas estão cadastradas na plataforma. O usuário pode pesquisar pelo nome da loja ou informar seu CEP para localizar revendedores próximos, visualizar a distância e identificar a opção mais conveniente.
É mais uma camada da experiência pensada para reduzir a distância entre interesse, escolha e compra.
Mobile
Uma experiência pensada para telas menores desde o início.
A versão mobile não foi tratada como uma adaptação posterior do desktop.
Catálogo, sistema de cores, páginas de produto, calculadora e simulador foram concebidos também para utilização em celulares e tablets, considerando os diferentes contextos de navegação.
Isso é especialmente relevante em funcionalidades como o simulador, no qual o próprio celular pode ser utilizado para fotografar um ambiente e experimentar uma cor diretamente sobre a imagem.
Entregáveis
Um projeto construído de ponta a ponta.
- Estratégia digital
- Arquitetura da informação
- UX/UI
- Design do site
- Desenvolvimento em WordPress
- Elementor Pro
- Desenvolvimento e customização de plugins específicos
- Estruturação e cadastro de produtos
- Adequação de conteúdo
- Estrutura interna orientada para SEO
- Sistema de busca e filtros
- Sistema de cores
- Calculadora inteligente de tinta
- Simulador de ambientes
- Sistema de localização de revendedores
Resultado
Uma presença digital alinhada ao novo momento da marca.
O projeto estabeleceu uma mudança clara na forma como a Lukscolor se apresenta digitalmente.
O novo site passou a refletir melhor o posicionamento da empresa após seu processo de redesign de marca, ao mesmo tempo em que reorganizou a experiência de navegação, a descoberta dos produtos e o acesso às informações técnicas.
UX/UI, conteúdo, SEO e tecnologia foram planejados como partes de uma mesma experiência, transformando um catálogo extenso em uma plataforma mais organizada, navegável e útil.