Contexto
O Colégio Salgueiro é uma instituição de ensino tradicional da zona sul de São Paulo, com uma comunidade formada por alunos, famílias, educadores e colaboradores. Em um momento de renovação da marca, o projeto precisava atualizar não apenas a identidade visual da escola, mas também a forma como ela se apresentava digitalmente.
O escopo envolveu duas frentes conectadas: o rebranding e a criação de um novo site institucional. A interface precisava traduzir a nova personalidade da marca em uma experiência clara, acolhedora e fácil de navegar, ajudando diferentes públicos a entenderem a proposta pedagógica, a estrutura e os principais diferenciais do colégio.
Dentro da agência, esse projeto também marcou uma mudança importante de processo. Até então, nossas entregas estavam mais concentradas em campanhas, redes sociais e peças de comunicação. O site do Salgueiro abriu espaço para uma abordagem mais estruturada de UI/UX, com sitemap, organização de páginas e layout desenvolvido em Figma.
Execução
A execução começou pelo manual de identidade visual, que definiu os principais fundamentos da nova marca: cores, tipografia, linguagem gráfica e elementos de apoio. A partir dessa base, o site foi tratado como o principal desdobramento digital do rebranding, conectando expressão visual, organização de conteúdo e consistência entre páginas.
No Figma, criei uma biblioteca enxuta de padrões e componentes, com estilos de texto, cores, botões, cards, grids e seções recorrentes. A proposta não era criar uma estrutura extensa, mas estabelecer o necessário para acelerar a produção, reduzir decisões repetitivas e manter consistência visual com o menor investimento possível de tempo e complexidade.
Como marca, site e materiais de campanha avançavam em paralelo, cada novo alinhamento atualizava os arquivos de design e ajudava a orientar os próximos desdobramentos. Esse fluxo manteve a comunicação mais coesa entre identidade visual, interface e peças de divulgação.
Resultado
O resultado foi uma entrega integrada de marca e site, reunindo identidade visual, sitemap, páginas institucionais, adaptação responsiva e organização dos ativos finais. Além de representar uma nova fase para o Colégio Salgueiro, o projeto também abriu caminho para a expansão dos serviços digitais da agência.
A interface apostou em impacto visual, com cores vibrantes, formas fluidas e fotografias em destaque para transmitir energia, proximidade e acolhimento. No mobile, os principais banners foram adaptados para preservar leitura e composição sem perder força visual.
A entrega final também incluiu facilitações práticas, como placeholders para páginas com conteúdo ainda em apuração e um acervo de recursos visuais para handoff. Isso ajudou o site a avançar sem depender de todos os materiais finais e deu mais autonomia para futuras atualizações.
