1. Visão Geral

Fui responsável por todas as etapas iniciais, desde a pesquisa e a definição visual do produto com o primeiro guia de estilo e layouts. Após isso fui promovido a Design Lead e quem assumiu o papel de criação no projeto foi o designer liderado por mim, Bruno Henrique. Após isso passei a orienta-lo, acompanhar no dia a dia os avanços e assumi de decisões estratégicas internas e com demais stakeholders.

Meu Papel

Problema

Objetivos

Resultados

Impossibilidade de integração com sistema de envio de mensagens automatizadas com estudantes.

Muita comunicação informal via whatsapp por parte da secretaria com estudantes.

Baixa conversão de inscritos em matriculados.

Muito trabalho manual exaustivo para equipes das escolas

Baixa confiabilidade nos dados inseridos no antigo sistema, facilitando fraudes.

Navegação engessada e pouco intuitiva.

Sobrecarga de equipe das escolas para contornar falhas sistémicas.

Visual desafado não condizente com a identidade visual e propósito das marcas.

Automatizar processos manuais.

Facilitar o dia a dia das equipes de pedagógico e secrataria das escolas.

Trabalhar em conjunto com o departamento de comunicação e pedagógico para definição das melhores estratégias.

Fornecer novas funcionalidades focadas nas necessidades reais dos usuários.

Facilitar e encurtar o processo de inscrição para captação de leads, redução do abandono e erros.

Fonecer uma experiência mobile de excelência para envio de documentos e testes de apitidão.

Atualizar o visual trabalhando melhor as identidades visuais e torna-los adequados ao padrão atual.

Criar e publicar um novo edital demanda 50% menos passos.

Validar inscrições, notificar estudantes de pendencias automaticamente agora são funcionalidades possíveis.

É possível realizar e controlar agendamentos de laboratorios e serviços da escola via sistema.

Integração com sistemas de comunicação via whatsapp se tornou possível.

Automação de todo o andamento das etapas de um edital baseadas em datas gatilho.

Utilizando-se de boas práticas de UX, o sistema consegue prevenir erros e manter o usuário ciente de seus passos em cada etapa conforme verificado em testes de usabilidade com usuários reais.

O sistema passou a ter um visual atrativo e com identidade forte.

2. Processo

2.1. Pesquisas e Análises

Mapa de Funcionalidades do Sistema Legado

Definição de Escopo e Prioridades

Testes de Usabilidade

Mapeamento de Gatilhos para Comunicação

Layout e Protótipos

Design System/Guia de Estilo

Protótipo Final

2.2. Criação

Handoff

Suporte ao desenvolvimento

Lançamento

Funcionalidades Futuras

2.3. Fechamento

Mapa de Funcionalidades do Sistema Legado

O pontapé inicial do projeto foi compreender o website e a marca como um todo. Foi construído um mapa com todas as páginas e seus respectivos conteúdos que existiam na versão atual do site. Possibilitando assim uma visão mais hoolistica do projeto que se encaminharia pela frente.

"Foram cogitadas uma análise heurística e de acessibilidade porém o desempenho ruim do site era bastante evidente e como era uma dor latende nos usuários optei por focar em estudos que pudessem nos trazer perspectivas novas. Outro ponto relevante é que o projeto carecia bastante de dados estatísticos, o analytics que possuia não fora devidamente configurado e era muito pobre para inferir qualquer visão diferente."

Notas do designer

2.1. Pesquisas e Análises

Foi elaborado um questionário com perguntas gerais sobre a marca das Escolas do Futuro para o principal stakeholder do projeto, que na iniciativa privada se equivaleria ao cliente, a SECTI (Secretaria da Ciência, Tecnologia, Inovação e Educação Profissional). Com base nas respostas obtidas foi possível obter uma visão ampla do stakeholder quanto ao posicionamento da marca e a visão para o website da instituição de ensino. Ao fim, foi convertido em um relatório com uma síntese geral das respostas obtidas e encaminhado para fim de validação com a SECTI.

Definição de Escopo e Prioridades

Testes de Usabilidade

Tomando como base as respostas obtidas pelo briefing em que continha uma pergunta específica sobre similares, foi iniciado um benchmarking. Foram analisados um total de 10 websites no nicho de educação voltada pra tecnologias, artes e ensino online. Para a análise foram estabelecidos alguns critérios como: Visual Design, UX Design, UI Design, Acessibilidade, Arquitetura da Informação, Suporte. Todo o estudo pode ser conferido ao fim da seção.

Mapeamento de Gatilhos para Comunicação

Com avanços maiores nas etapas anteriores, foi possível começar a elaboração de personas do projeto. Essa foi a etapa mais desafiadora da pesquisa pois foi percebido que era um ponto pouco claro para os stakeholders que muitas vezes não chegavam a acordos entre si. Entre algumas refações e ajustes chegamos a conclusão com 5 personas de perfis diversas que são o público alvo das Escolas do Futuro de Goiás.

Me baseando nos objetivos e contextos de cada persona, mapeei uma rota para 3 das 5 elaboradas. Sendo 2 rotas com final infeliz por falhas de experiência do sistema e uma bem sucedida devido ao alto engajamento e disponibilidade daquele perfil de usuário. Esse estudo inclusive deixou latente a necessidade de um plano de comunicação mais consistente para captação de leads e gerou uma movimentação dentro do deparatamento de comunicação.

Jornada do Usuário

2.2. Criação

Layout e Protótipos

Partindo dos wireframes, dei início ao layout da homepage que tende ser o coração de um projeto pois é nesse primeiro layout que as principais decisões visuais de estilos são tomadas. Tendo a primeira tela elaborada, ela foi validada internamente sem ressalvas e então parti para as demais. Estruturei a entrega dessas telas em partes para que facilitem o processo de aprovações e o torne mais dinâmico e colaborativo. Ao todo foram 5 partes, cada uma levando em torno de 15 dias.

Design System e Guia de Estilo

Em conjunto com o desenvolvimento dos layouts, fui elaborando o Guia de Estilo do site e também o Design System que posteriormente também seria utilizado no Sistema de Gestão de Cursos para as EFGs.

Protótipos Finais

2.3. Fechamento

Handoff

Tendo a aprovação interna e externa (SECTI) o projeto foi encaminhado para a equipe de desenvolvimento via figma.

Suporte ao Desenvolvimento e Design Review

Após o handoff a equipe de design passou a a acompanhar e dar suporte aos desenvolvedores na construção do sistema diariamente. Tirando dúvidas, fazendo design review e auxiliando em possíveis integrações.

Lançamento

Após o fechamento, o time de design se encarregou de auxiliar diretamente o time de comunicação na construção de um analytics eficiente com dados que possibilitarão um acompanhamento e muitos insights futuros.