Catell
Um site de design autoral para a Catell apresentar coleções e atender lojistas de todo o país.
O desafio
A Catell vende para boutiques, não para a consumidora final. O site precisava apresentar as coleções com o mesmo cuidado do produto e separar dois caminhos de contato: quem quer comprar e quem quer revender.
O contexto
A Catell fabrica calçados femininos em Jaú desde 2015, com corte, costura, montagem e acabamento sob o mesmo teto. A coleção chega às mulheres pela boutique que a escolhe.
O site foi construído sobre a identidade que a Moinho criou para a marca. Tipografia serifada, muito respiro e fotos de produto em close conduzem a home em capítulos: essência, prévia de coleção, forma em foco e desenho em uso.
As páginas internas seguem a mesma medida. Quem somos conta a fábrica com números e linha do tempo; Coleções organiza as temporadas de 2024 a 2027; o blog publica leitura sobre forma, conforto e o que observar em uma coleção antes de comprar para a loja.
O que foi entregue
- Home em capítulos: essência, coleções, forma e uso
- Página Quem somos com linha do tempo e política de qualidade
- Coleções por temporada, com página própria
- Contato em etapas, com caminho para lojista e para consumidora
- WhatsApp com mensagem pré-escrita por intenção
- Blog editorial
- Painel de privacidade com escolha por finalidade
- Versão para celular
O detalhe decisivo
O contato pergunta antes de pedir dados. A primeira das seis etapas separa quem quer saber onde comprar de quem é lojista e quer revender, e cada resposta leva a um WhatsApp com a mensagem já escrita.
A vitrine é curta de propósito. A prévia de Verão 2027 entra como estudo, não como catálogo, e o site acompanha o ritmo real das coleções em vez de prometer estoque.
Por dentro do site
A tipografia é uma só, a RatioModern, servida pelo próprio tema em versão de texto e em versalete. É ela que dá o tom de editorial de moda, sem apoio de uma segunda família. A paleta vem do couro e da oliva, sobre marfim, e o grafite entra no rodapé e nos blocos escuros.
- Tipografia
- RatioModern e RatioModern SC, fonte própria do tema, sem Google Fonts
- Cores
- vinho #562C2E, oliva #4D4934, marfim #F2F1ED, areia #DEDBD4 e grafite #2C2927
- Plataforma
- WordPress com tema próprio (catell-theme) e GrowthKit; Elementor instalado, mas as páginas são do tema
- Recursos
- vídeo no hero com pausa, formulário de contato em etapas, mapa carregado só ao clicar, painel de privacidade por finalidade, reCAPTCHA, imagens em WebP com lazy load, schema Organization e BreadcrumbList, Google Tag Manager
O projeto
