/Teacher Marcelli
01. Overview & Estratégia de Conteúdo
O projeto para a Teacher Marcelli foi desenvolvido para estruturar a presença digital de uma educadora de inglês que utiliza um método próprio fundamentado em prática, neurociência e metodologias ativas. O desafio central foi traduzir uma oferta pedagógica ampla, composta por diferentes modalidades de acompanhamento e materiais de estudo, em uma experiência de comunicação simples, acolhedora e orientada à conversão.
A arquitetura de conteúdo da landing page foi planejada para reduzir a fricção na jornada de decisão do aluno. A hierarquia organiza as informações de forma progressiva, apresentando a professora, explicando os pilares da metodologia e detalhando a rotina de estudos em blocos visuais distintos. Chamadas para ação foram distribuídas estrategicamente pela página para permitir a conversão em diferentes momentos de consideração, sem sobrecarregar a leitura com excesso de texto.
A proposta foi transformar uma metodologia de ensino complexa em uma experiência de comunicação simples, acolhedora e orientada à conversão.
02. Identidade Visual & Tipografia
A identidade visual foi desenhada para equilibrar energia, proximidade e profissionalismo, afastando-se do tom institucional e corporativo comum no mercado de idiomas. A linguagem adota formas dinâmicas, contrastes marcantes e uma estrutura que transmite movimento sem comprometer a clareza educacional.
A tipografia principal é a Bricolage Grotesque, escolhida por sua personalidade contemporânea e formas expressivas. Sua construção confere forte presença visual aos títulos e chamadas principais, mantendo excelente legibilidade nos blocos de texto. A hierarquia tipográfica foi organizada para estabelecer uma leitura fluida e intuitiva entre títulos, subtítulos, legendas e botões de ação.
03. Sistema Cromático
A paleta de cores adota uma combinação vibrante de tons quentes e frios como elemento central de diferenciação da marca:
- Violet (#8529DD): A cor primária do sistema, responsável por trazer sofisticação e presença institucional.
- Amaranth (#DA3154): O tom de contraste que adiciona personalidade e energia às composições.
- Orange (#FFAE3C): A cor de apoio que aquece a comunicação e traz sensação de proximidade.
- Escala de Neutros: SeaSalt (#F8F9FA), GS-200 (#BFC0C0), GS-300 (#858686), GS-400 (#4C4C4C) e Night Black (#121212) para estruturar fundos, bordas e textos.
A identidade também incorpora um gradiente linear composto pelas três cores principais:
linear-gradient(90deg, #8529DD 0%, #DA3154 50%, #FFAE3C 100%)
Esse recurso funciona como uma assinatura visual marcante para transições de seções, botões e detalhes de interface, mantendo a composição equilibrada.
04. Landing Page, Sistema e Resultados
A landing page se consolida como o hub digital do projeto, combinando a linguagem visual a um layout responsivo focado em escaneabilidade. O design prioriza a construção de confiança através da organização clara das modalidades de aula e dos benefícios do curso, garantindo alta performance em telas mobile e desktop.
Além do produto web, o sistema visual foi desdobrado em um kit de templates para Stories e materiais institucionais. Esse ecossistema permite que a própria professora mantenha a consistência da marca em suas redes sociais sem a necessidade de criar peças do zero a cada publicação. O resultado final une branding, UX, UI e estratégia de vendas em uma solução digital completa e escalável.