Projeto de um hotsite desenvolvido para o Sistema Logosófico de Educação com o objetivo de centralizar informações institucionais e captar leads de potenciais alunos. Criado com fins acadêmicos para o Projeto Aplicado do curso de Sistemas de Informação, da Faculdade XP Educação.
🔗 Acesse o protótipo: https://hotsite-sistemalogosofico.my.canva.site/
📌 Status: Em desenvolvimento (migração para React 19)
Atualmente, a captação de novos alunos ocorre de forma descentralizada, por meio de redes sociais, eventos e indicações.
Esse cenário gera:
- dificuldade de acesso a informações consolidadas
- baixa eficiência na conversão de interessados
- ausência de métricas estruturadas
Diante disso, surgiu a proposta de criar um hotsite como canal digital centralizado para apresentação institucional e captação de leads.
Como facilitar o acesso à informação e melhorar o processo de captação de leads para o Sistema Logosófico de Educação?
Desenvolvimento de um hotsite responsivo com:
- apresentação institucional clara e acessível
- explicação da metodologia Logosófica
- formulário de captação de leads
- navegação simples e intuitiva
O projeto foi pensado para três perfis principais:
- 👩👦 Mães buscando educação diferenciada para seus filhos
- 🎓 Jovens interessados em propostas educacionais inovadoras
- 👩🏫 Educadores buscando novas metodologias
Cada perfil apresentou necessidades específicas que guiaram as decisões de UX.
- Um canal digital centralizado aumentará o número de leads
- Um design intuitivo aumentará o tempo de permanência
- A coleta estruturada de dados permitirá melhor conversão
- Protótipo: Canva
- Frontend: React + Material UI
O projeto foi estruturado em 3 sprints:
- Definição de escopo
- Criação de wireframes
- Protótipo inicial
- Validação de formulário
- Estruturação backend
- Acessibilidade e responsividade
- Tentativa de implementação completa
- Bloqueios técnicos (Angular, dependências, ambiente)
➡️ Resultado: pivô para protótipo funcional no Canva
Protótipo de alta fidelidade:
- Conflitos de dependência no Angular
- Problemas de configuração de ambiente
- Integração frontend/backend incompleta
- Gestão de tempo
Esses desafios levaram à decisão de reiniciar o projeto com uma nova abordagem tecnológica.
- Importância de priorizar escopo em MVP
- Complexidade da integração frontend/backend
- Valor de boas práticas de versionamento
- Necessidade de planejamento técnico antes da implementação
- Reescrever o projeto em React
- Aplicar boas práticas de UX/UI
- Realizar deploy completo