Case de Site Institucional
CT Michel Mendes
Site para centro de treinamento de Muay Thai, MMA e Jiu-Jitsu em Guarapari. A experiência destaca modalidades, horários e conquistas para o visitante entender a academia antes de entrar em contato.
Papel
UX/UI Designer & Desenvolvedor
Empresa
CT Michel Mendes (cliente)
Ferramentas
Next.js, Tailwind CSS, Vercel, Cursor
Localização
Guarapari, Brasil
Duração
Projeto pontual
Introdução
O CT Michel Mendes, centro de treinamento de Muay Thai, MMA e Jiu-Jitsu em Guarapari, precisava de um site que ajudasse futuros alunos a entender modalidades, horários e credibilidade antes de enviar a primeira mensagem. Interessados em esportes de combate muitas vezes chegam curiosos, mas hesitantes, sobretudo iniciantes. O site precisava parecer energético e acessível sem virar um muro de aulas, conquistas e bios de professores. Clareza antes do contato era a estratégia de conversão.
Papel & Responsabilidades
- Desenhei hierarquia de informação separando modalidades, horários e prova social.
- Estruturei seções para que visitantes de primeira vez pudessem se autoqualificar antes do contato.
- Desenvolvi a interface em Next.js e publiquei na Vercel.
- Refinei layout e copy com Cursor para manter tom energético e acessível.
- Priorizei legibilidade mobile para interessados locais navegando no celular.
- Conectei as seções de conteúdo a um próximo passo claro de aula experimental ou contato.
O Desafio
Uma academia de luta tem muito a dizer: modalidades, horários, conquistas e professores. Colocar tudo isso em uma página indiferenciada sobrecarrega exatamente o visitante nervoso de primeira vez que a academia mais precisa converter. Pouca estrutura faz a academia parecer incompleta. Densidade demais a torna intimidadora. O desafio era clareza energética sem poluição visual.
O Processo
Separei modalidades, horários de aula e conquistas em seções distintas e escaneáveis, para que cada pergunta tivesse um lugar. O tom ficou energético, mas o ruído visual baixo, para iniciantes se autoqualificarem sem decifrar um folder. A prova social sustentou confiança sem transformar o primeiro viewport em um mural de troféus. Composição mobile e iteração de copy com Cursor mantiveram a experiência acessível para o público local.
Personas
João, iniciante curioso
Morador local interessado em começar Muay Thai ou Jiu-Jitsu, inseguro sobre nível, encaixe de horário e se a academia parece acolhedora.
Necessidades & Objetivos
Explicação simples das modalidades, horários que caibam na rotina e um jeito fácil e de baixa pressão para perguntar sobre aula experimental.
Desafios
Intimidação, medo de parecer deslocado e sobrecarga quando o site despeja todas as conquistas e aulas em um bloco denso.
Amanda, atleta em retorno
Já treinou esportes de combate e avalia o CT Michel Mendes pela credibilidade do coaching e pela qualidade do treino.
Necessidades & Objetivos
Prova clara de experiência, profundidade das modalidades e detalhes práticos que mostrem que a academia é séria.
Desafios
Marketing genérico de academia, prova social mal posicionada e sites que escondem a informação que atletas experientes realmente comparam.
Ricardo, pai de aluno jovem
Pesquisa um centro de treinamento para um adolescente e se importa com clareza de horários, percepção de segurança e contato fácil.
Necessidades & Objetivos
Informação transparente de aulas, apresentação confiável e um canal direto para perguntas práticas.
Desafios
Horários pouco claros, tom agressivo demais e dificuldade de entender se a academia é adequada para o filho.
Resultados
O site dá aos interessados uma visão clara da academia (modalidades, horários e histórico) antes de enviarem uma mensagem. Isso reduz a troca necessária para converter interesse em uma primeira visita. Visitantes decidem mais rápido se a academia combina com eles, e o tom da marca permanece alinhado aos esportes de combate sem sacrificar usabilidade.
Principais Entregas
- Site institucional responsivo para academia de combate
- Seções de modalidades com posicionamento claro de cada disciplina
- Arquitetura de informação de horários de aula
- Seção de conquistas / prova social
- Caminho de contato para interesse em aula experimental
- Layout mobile first e sistema visual energético
Minha Contribuição
Desenhei a hierarquia de informação e construí o front end em Next.js, iterando rápido com Cursor em layout e copy para manter o tom energético e acessível para o público local. A ownership cobriu tanto a estrutura de conteúdo (o que um interessado hesitante precisa saber primeiro) quanto o craft da interface que fez essa estrutura parecer a academia, e não um template genérico de gym.
Aprendizados
- Separar 'o que oferecemos' de 'por que confiar' torna a informação densa de uma academia muito mais fácil de escanear.
- Tom importa tanto quanto estrutura para um público de esportes de combate. Energia vence formalidade sempre.
- Visitantes de primeira vez convertem melhor quando conseguem se autoqualificar antes do contato.
- Prova social funciona melhor como suporte, não como toda a primeira impressão.
Próximo Projeto
Source Design