Redesign completo da Faculdade Phorte
Da pesquisa de UX ao novo Design System e Experiências Digitais e Website. Uma jornada de transformação digital com base em pesquisa, dados e design centrado no usuário — da experiência do aluno ao fortalecimento da marca no ambiente digital.
O ponto de partida da transformação
A Faculdade Phorte é reconhecida pela qualidade acadêmica e corpo docente influente, mas sua presença digital já não acompanhava o mesmo nível de excelência. O site antigo apresentava fluxos confusos, linguagem ultrapassada e pouca clareza sobre os cursos — tornando difícil para o usuário chegar à informação desejada.
Com o avanço da digitalização e o cenário pós-pandemia, a necessidade de oferecer uma experiência moderna, acessível e centrada no aluno se tornou urgente. O dado mais revelador veio logo no início da pesquisa: 80% dos acessos eram via mobile, mas o site anterior não era responsivo. A maioria dos visitantes clicava apenas no botão “Falar no WhatsApp”, sobrecarregando o time de atendimento.
Linguagem institucional pouco empática e desatualizada;
Objetivo central: transformar o site da Phorte em um ecossistema digital eficiente, acolhedor e escalável — reduzindo atritos e fortalecendo a marca.
Identificando as dores
Durante a auditoria de UX, foram identificados diversos pontos críticos:
- Layout ultrapassado e com baixa escaneabilidade;
- Navegação confusa e arquitetura de informação desorganizada;
- Falta de clareza na proposta de valor;
- Lentidão de carregamento e falhas graves de SEO;
- Linguagem institucional pouco empática e desatualizada;
- Falta de compatibilidade com tecnologias modernas, exigindo alta manutenção técnica.
Dado-chave: a taxa de rejeição ultrapassava 90% em dispositivos móveis, refletindo a urgência da reformulação.
Entendendo o público e as jornadas
A fase de UX Research envolveu métodos qualitativos e quantitativos:
- Entrevistas com equipes internas (marketing, atendimento, TI);
- Conversas com alunos e ex-alunos para entender frustrações e expectativas;
- Benchmarking com instituições nacionais e internacionais;
- Mapeamento de personas, fluxos de navegação e pontos de atrito.
Foram criadas key goals, protopersonas, stakeholder maps, e fluxos de navegação otimizados usando métodos de abordagem de "Entrevista em Profundidade" e "Focus Group".
Estratégia de Marca
Em paralelo ao redesign, foi realizado um reposicionamento estratégico de marca. A Phorte precisava comunicar com clareza sua essência: “Educação transformadora e ao alcance de todos.”
A nova estratégia combinou:
- Atualização dos elementos visuais (paleta, tipografia e iconografia);
- Tom de voz humanizado, próximo e inspirador, sem perder credibilidade;
- Otimização de SEO, ampliando a indexação orgânica e reforçando a presença digital.
Jornada do Usuário e do projeto
Com base nas descobertas da pesquisa, foi redesenhada toda a arquitetura da informação, priorizando clareza e hierarquia visual. Novos fluxos foram criados para reduzir etapas e facilitar a descoberta de cursos.
O processo começou com rascunhos em papel, evoluindo para wireframes de baixa fidelidade e, em seguida, protótipos interativos testados com usuários internos.
Design Visual e UI
A etapa de interface consolidou a visão do novo ecossistema digital Phorte:
- Implementação de um Design System baseado em Atomic Design, garantindo consistência e escalabilidade;
- Desenvolvimento de componentes reutilizáveis no Figma, integrados às práticas de UI modernas;
- Construção técnica em WordPress com Elementor e JetEngine, utilizando HTML, CSS e Query Loops personalizados;
- Acesso multinível entre stakeholders e maior autonomia de gestão de conteúdo.
Resultados técnicos:
- 91/100 em performance no Google PageSpeed;
- Tempo médio de carregamento reduzido para 3,8 segundos.
Design Visual e UI
A implementação técnica focou em performance e usabilidade:
- Compressão e lazy loading de imagens e formato de arquivo;
- Minificação de scripts e otimização de cache, a ser implementado CDN;
- Estrutura semântica com foco em SEO, OpenGraph e Tags, Pixels e otimizações para campanhas;
- Testes em múltiplos dispositivos e tamanhos de tela, múltiplas velocidades de rede;
- Acompanhamento constante de Heatmaps.
Resultados e Impacto
O novo ecossistema digital trouxe impactos imediatos:
- Aumento de 30% no tempo médio de permanência;
- Redução do bounce rate mobile em 45%;
- +25% nas conversões de formulários e matrículas online;
- Engajamento ampliado nas redes sociais e integração com campanhas de mídia.
Além disso, o compartilhamento do Design System permitiu que a nova equipe de social media utilizasse os assets globais com agilidade, mantendo coerência entre site, posts e campanhas.
Principais métricas:
Lições Aprendidas
O projeto reforçou a importância de um processo de design baseado em dados e centrado no usuário.
Aprendizados-chave:
- Pesquisa sólida economiza retrabalho e garante decisões assertivas;
- Design System é essencial para escalar e manter consistência;
- Projetos educacionais exigem empatia e clareza na comunicação.
“Um projeto de UX em educação não é apenas sobre interface — é sobre traduzir o valor da aprendizagem em uma experiência digital significativa.”