ESPM

Redesenhamos e organizamos a arquitetura da informação do novo portal da ESPM

Case-ESPM-Badaro-Projetos

O DESAFIO

A ESPM é uma centro acadêmico de ensino superior especializada na área criativa, sendo referência em cursos de Publicidade, Marketing e Design.

A instituição sentia uma enorme necessidade de atualizar seu Portal do Aluno e Professor precisavam oferecer uma experiência visual e estrutural melhor. Por se tratar de uma escola criativa, havia ainda mais responsabilidade no projeto para que o portal oferecesse uma interface condizente e práticas de UX para facilitar o dia a dia dos alunos e professores.

O maior desafio foi o de reorganizar a arquitetura da informação do portal. O fluxo apresentavam espaços para inclusão de etapas. Para entendimento do ecossistema, junto ao time da ESPM, nos reunimos com cada núcleo responsável de forma a redesenhar e reorganizar as informações que deveriam estar no novo portal. Chegarmos à um sitemap final e demos início à criação das telas.

Case ESPM Badaro Projetos Prototipos-badaro-ux-consultoria-ui-interface-design

Entendemos, junto ao cliente, que seria necessário compreender quais informações estariam presentes no novo portal antes de iniciar o desenho do wireframe. Iniciamos, portanto, o formato de Sprints Semanais com o objetivo de definir cada núcleo de informação como Biblioteca, Eventos e Secretaria.

Esse foi um processo muito bacana e necessário, tanto para nós quanto para a ESPM que pôde identificar e organizar internamente questões que estavam pendentes.

Case-ESPM-Badaro-Projetos-Prototipos-Icones
“Queremos fazer o portal mais legal do mundo."
Paulo Henrique Marsula
CIO

O PROCESSO

A partir do desenho de wireframe, demos início à criação das interfaces. Todo o processo, assim como na arquitetura da informação, foi feito de forma colaborativa com o cliente para traduzirmos a essência da ESPM nas telas do portal.

 

Case-ESPM-Badaro-Projetos-Interface

Ao chegarmos em uma solução da linha visual, vimos o portal começar a tomar forma. Nós captamos 3 premissas para o produto durante as reuniões: ser único, evoluído e responsivo.

Podemos dizer que alcançamos essas premissas com orgulho! O portal foi inteiro redesenhado com novas funcionalidades e um design proprietário, e claro totalmente adaptado para o mobile. Foram mais de 70 telas desenhadas em wireframe e layout navegável.

Case-ESPM-Badaro-Projetos-Interface

Foram realizados mais de 20 testes de usabilidades com professores e alunos durante todo o projeto para validar os fluxos e entender os pontos de melhoria. O visual e a nova estrutura de navegação foram super bem aceitos e as melhorias pontuais foram ajustadas para iniciar o desenvolvimento do novo portal. Podemos dizer que o portal com certeza é único no ramo de ensino superior.

A equipe da ESPM foi extremamente ativa e essencial neste processo, em especial a Daniele Kretli e Caio Vinicius que fizeram um trabalho incrível gerenciando o projeto.

“Não podemos perder o que já existe, é daqui pra cima."
Paulo Henrique Marsula
CIO
Case ESPM Badaro Projetos Interface 7-badaro-ux-consultoria-ui-interface-design

A cereja do bolo da plataforma é a integração dos sistemas da instituição. Antes, para cada assunto que o aluno precisava resolver era um sistema diferente, agora unimos biblioteca, eventos, secretaria, calendário, notas e faltas, e muito mais em um só lugar. Esse foi um dos pontos mais bem comentados pelos alunos nos testes de usabilidade.

E por se tratar de um público majoritariamente jovem a responsividade era um fator essencial. Todas as 70+ telas do portal foram desenhadas para a versão mobile, garantindo a mesma experiência de uso em todos os formatos.

“Precisamos pensar muito na usabilidade e no mobile first."
Paulo Henrique Marsula
CIO
Case-ESPM-Badaro-Projetos-Interface-Aplicativo

Próximo
ATECH
O Design System a serviço da agilidade do ecossistema complexo da Atech