Plataforma E-commerce Cursos Livres - Faculdade Phorte
Criação completa da estrutura de Cursos Livres da Faculdade Phorte, incluindo identidade visual aplicada, UX/UI, fluxos de navegação, organização das categorias e layout das páginas principais. Uma nova experiência digital pensada para escala, clareza e conversão — do catálogo ao checkout.
UX
UI
Website
Dados
Wordpress
Elementor
JetEngine
N8N
1. Introdução
A Faculdade Phorte precisava transformar uma área crítica da sua operação digital: os Cursos Livres.
O antigo sistema era fragmentado, visualmente inconsistente e, o mais grave, difícil de manter. O processo de cadastro dependia de intervenção técnica constante, gargalando o time de marketing.
O objetivo: Criar uma plataforma moderna, modular e capaz de sustentar dezenas de novos cursos, mentorias e formações com autonomia total para o time interno.
2. Diagnóstico Inicial
O problema não era apenas visual. Ele era estrutural.
Ao analisar o cenário, identificamos que o problema ia além da estética. A arquitetura da informação estava comprometida.
O fluxo de descoberta era confuso para o aluno e o processo de criação de novas páginas era manual e repetitivo. Não existia um Design System claro para a vertical de Cursos Livres — a identidade mudava conforme o lançamento.
3. Estratégia
Direção de Design
Para resolver a escalabilidade, reconstruímos a lógica do produto utilizando uma stack robusta: WordPress + Elementor, potencializada pelo JetEngine para gestão de dados dinâmicos.
Categorizamos o ecossistema em uma arquitetura previsível:
Cursos Livres
Mentorias
Combos (Curso + Livro)
Formações Avançadas
Visualmente, buscamos referências em grandes players de EdTech (como EBAC e Awari), definindo pilares de UI: Tipografia hierárquica, cards modulares e redução de ruído visual.
Ao observar plataformas como Hotmart, Pathrise, Awari e EBAC, ficou evidente que o futuro da área exigia:
cards limpos
hierarquia clara
identidade unificada
imagens fortes
preço e CTA sem ruído
navegação rápida e filtrável
Essa lógica guiou toda a direção de arte.
4. Construção
O catálogo foi reconstruído com foco em encontrabilidade.
Utilizando o JetSmartFilters, implementamos filtros em tempo real que permitem ao aluno encontrar o curso ideal por: Modalidade, Duração, Área e Preço.
A navegação deixou de ser uma "adivinhação" para se tornar uma busca assertiva e instantânea.
5. O Novo Card de Curso
Os cards são a menor unidade de conversão do site. Eles foram redesenhados para transmitir valor em segundos, estruturados via Listing Grids dinâmicos:
Etiquetas inteligentes: Categoria e Tipo de curso.
Hierarquia de texto: Título limitado e professor vinculado automaticamente.
Clareza comercial: Valor e CTA sempre visíveis.
O ganho operacional foi imenso: qualquer novo curso cadastrado no sistema gera esse card automaticamente, sem necessidade de design manual.
6. Principal
Página de Curso
Padronizamos a estrutura das páginas de venda (Single Post) para maximizar a conversão e a leitura.
A estrutura segue uma narrativa de vendas:
Hero: Promessa clara e botão de compra.
O que você vai aprender: Tópicos diretos.
Conexões Dinâmicas: Professores e Materiais Didáticos puxados automaticamente pelo banco de dados.
Prova Social: Credibilidade institucional.
Mobile-First e Responsividade
Sabendo que a maioria do tráfego é móvel, a reconstrução priorizou a experiência em telas pequenas:
CTAs fixos ou de fácil alcance (Thumb zone).
Conteúdo verticalizado para leitura fluida.
Menus simplificados para evitar fricção.
7. Pagamento
Checkout Otimizado (FunnelKit)
O checkout foi totalmente reconstruído pensando no cenário brasileiro, utilizando o FunnelKit para otimização de funil.
Fricção Zero: Redução de campos desnecessários.
Meios de Pagamento: Integração clara com PIX e parcelamento transparente.
Performance: Carregamento rápido para evitar abandono de carrinho.
O resultado é um fluxo de compra fluido, seguro e visualmente integrado ao restante do site.
8. Impactos
Resultados e Impacto
A entrega foi muito além de um novo visual. Entregamos um ativo de negócio:
Eficiência Operacional: O marketing agora publica novos cursos com autonomia, sem depender de TI/Design.
Velocidade: O fluxo de lançamento de novos produtos é 4x mais rápido.
Consistência: Cada nova página nasce 100% alinhada ao branding da instituição.
9. Conclusão
Lições Aprendidas
A Vertical de Cursos Livres da Faculdade Phorte agora possui uma fundação sólida.
Este projeto prova que Design e Tecnologia, quando andam juntos, não apenas embelezam interfaces, mas resolvem dores estruturais de negócio e preparam instituições para o crescimento em escala.
