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.
UX
UI
Website
Branding
DesignSystem
Redesign
Educação
CaseStudy
1. Introdução
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.
2. Diagnóstico Inicial
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.
3. Pesquisa e Imersã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 metodos de abordagem de "Entrevista em Profundidade" e "Focus Group".
4. Posicionamento
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.
5. Arquitetura da Informação
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.
6. Design
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.
7. Desenvolvimento e Performace
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, multiplas velocidades de rede;
Acompanhamento constante de Heatmaps.
8. Impactos
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.
9. Aprendizado
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.”
