top of page

Hercolys Oliveira | Product Designer

Product Design, Ui Design, Ux Design

Cliente

Módulo | Colégio

Redesenhando a presença online de um colégio tradicional de Aracaju.

Notebook aberto com a tela inicial do site do colégio sobre pedra azul .
Aplicação de tela do programa do colégio em celular.

Contexto do Projeto

O Colégio Módulo, uma instituição tradicional de ensino em Aracaju reconheceu a necessidade de modernizar sua presença online. O site anterior, embora funcional, apresentava desafios que comprometiam a experiência do usuário e a comunicação eficaz com a comunidade escolar. A arquitetura de informação complexa dificultava a navegação, tornando a busca por informações cruciais um processo demorado e frustrante.

O Desafio

Diante desse cenário, o desafio era criar um site que não apenas modernizasse a presença online do Colégio Módulo, mas que também oferecesse uma experiência de usuário excepcional para todos os públicos: pais, alunos e colaboradores. Era preciso desenvolver uma plataforma intuitiva, acessível e informativa, que transmitisse a identidade e os valores do colégio, fortalecendo sua posição como referência em educação na região.

 O site foi aprovado, está no ar com os devidos ajustes: Clique aqui para conhecer

narrativa do processo do projeto.

O Processo

Desk Research

Realizamos uma pesquisa documental aprofundada, analisando a presença online de outros players do mercado educacional, tanto em âmbito local, quanto nacional. O objetivo era identificar as melhores práticas em design e experiência do usuário, bem como as tendências do setor.

 

Além disso, realizamos um benchmark para comparar o site atual do Colégio Módulo com os sites de outras instituições de ensino, identificando pontos fortes e fracos.

Benchmarking de players e concorrentes.

Essa pesquisa nos forneceu uma base sólida de conhecimento para as próximas etapas do projeto, permitindo que tomássemos decisões informadas e estratégicas.

Modelos de personas do projeto.
Arquitetura da informação do site.

Definição de Melhorias

Com base nos dados coletados na fase de Desk Research, desenvolvemos wireframes de alta fidelidade que apresentavam as propostas de melhoria para o website do Colégio Módulo. Esses wireframes foram projetados para simular a experiência do usuário de forma realista, permitindo que validássemos as ideias e avaliássemos a viabilidade das soluções propostas.

 

O objetivo era criar um protótipo visual que demonstrasse como o novo site poderia atender às necessidades dos usuários e superar as limitações do site anterior. Essa etapa foi crucial para garantir que as melhorias propostas fossem relevantes, eficazes e alinhadas com os objetivos do projeto.

Aplicação de wireframes do site em celulares.
Aplicação do site no tablet
Tipografia e cores do projeto.
Botões do projeto.
Tela inicial desktop do site com os banners dos ensinos do colégio, em destaque está a Educação Infantil e uma gaotinha segurando uma bolinha.
Tela inicial desktop do site com os programas do colégio, aberto no programa Módulo integral e duas garotas sorridentes se olhando e fazendo sua refeição.
Tela inicial desktop do site com um casal segurando sua filha e a simulação do botão "Acessar" a Área da Família
Print do fluxo de navegação do protótipo do Figma.

Aprendizados

  • Elencar o que deixa de entrar e o que passa a ser protagnista em um site novo é sempre uma missão desafiadora;

  • O Feedback e as trocas simutâneas com o Marketing foram de suma importância para o andamento do projeto;

  • Foi importante dar uma nova vitrine aos "Ensinos" e "Programas" do Colégio.​

bottom of page