Case · Educação · Boa Vista, RR

e-Matrículas

Matrícula escolar online da rede municipal de Boa Vista. Levei o processo da fila na porta da escola para o celular.

Meu papelProduct Designer: discovery, UX/UI, validação e Design System

Plataformas

Web

iOS

Android

UsuáriosFamílias e secretarias escolares

Ferramentas

Figma

Jira

Confluence

NotionChatGPT

e-matriculas.com

Landing page · role para explorar

ProblemaFamílias dormiam na fila para garantir vaga. O processo era presencial e só em horário comercial.

SoluçãoMatrícula online 24h, com escopo definido junto às secretarias e versão em espanhol.

Impacto40.934 matrículas online e +50 mil acessos simultâneos no lançamento, sem queda.

01Contexto

Filas na porta da escola

Todo ano, no período de matrícula, famílias passavam a noite em frente às escolas para garantir uma vaga.

A prefeitura queria o processo 100% online, disponível 24 horas. Eu precisava conciliar três lados:

Limites técnicos do governoMetas da diretoriaRotina das escolas

Famílias aguardando à noite em frente a uma escola municipal

Noites na filaChegar antes era a única garantia.

Sem previsãoA família não sabia se havia vaga.

Tudo manualSecretaria distribuía vagas uma a uma.

Ida obrigatóriaSó dava para concluir na escola, em horário comercial.

Antes

Fila presencial, muitas vezes de madrugadaSó em horário comercialPapel e conferência manual

Objetivo

Matrícula pelo celular, de casaDisponível 24 horasStatus acompanhado em tempo real

02Discovery

Os requisitos vieram só da gestão

O levantamento inicial foi feito com o Secretário e os Coordenadores de Educação. O primeiro desenho tinha muitas telas e funções que faziam sentido para a gestão, mas não para quem usaria o sistema.

ETAPA 1Requisitos com a gestão
ETAPA 2Primeiros protótipos
PONTO DE VIRADATestes com secretários escolares
ETAPA 4Pesquisa de campo nas secretarias
ETAPA 5Escopo reduzido

O que o teste mostrouTestei os protótipos com os secretários escolares antes do desenvolvimento. O fluxo não batia com a rotina deles de alocar alunos e montar turmas.

O que eu fizPausei a alta fidelidade e fui a campo nas secretarias para entender como elas organizavam o trabalho.

ResultadoCortamos dezenas de telas e focamos na alocação de turmas. O desenvolvimento ficou mais barato e o prazo foi mantido.

Testar cedo com quem opera o sistema evitou construir telas que ninguém ia usar.Principal aprendizado do discovery

03Público

A cidade inteira como usuária

A plataforma seria usada por pais jovens acostumados com aplicativos e também por avós com pouca experiência com tecnologia. Cada tela precisava funcionar para os dois.

Pais jovensAvós

Familiaridade digital

Linguagem simplesSem siglas nem termos da secretaria.

Uma etapa por vezStatus visível em cada passo.

Contraste altoLegível ao sol e em telas antigas.

Versão em espanhol

Famílias venezuelanas matriculando sozinhas

Boa Vista recebe muitas famílias imigrantes da Venezuela. Em vez de só traduzir, entrevistamos essas famílias e reescrevemos a versão em espanhol com linguagem simples, sem os termos escolares brasileiros.

EntrevistasReescritaMatrícula sem ajuda

04A experiência

Saber em que pé está a vaga

Na fila, a família pelo menos via a própria posição. Online, essa certeza precisava continuar. Cada solicitação mostra a etapa atual, quem analisou e o que falta.

Telas de solicitação e linha do tempo de status no app

SolicitadoAgoraPedido recebido, com data e responsável.
Em análiseConcluídoDocumentos e cotas validados pela secretaria, com observações.
AprovadoConcluídoA família sabe quando ir à escola.
MatriculadoConcluídoVaga confirmada.

Portal da família na web

Depois da matrícula, o responsável acompanha a vida escolar.

Tela Meus dependentes com os cards de cada filho — **Meus dependentes**todos os filhos e suas escolas em um só lugar

Frequência mensal em calendário e diário de classe — **Frequência**faltas e justificativas no calendário

Tabela de notas bimestrais por matéria — **Notas**desempenho por matéria e recuperação

05Design System e handoff

Leve para aguentar o pico de acessos

Na abertura das inscrições, milhares de pessoas acessariam ao mesmo tempo, muitas com celulares antigos e internet instável. Criei um Design System no Figma pensado para isso.

Componentes modularesPoucas peças, reaproveitadas em todas as telas.

Leve em conexão ruimTelas enxutas que carregam rápido.

Tipografia legívelTamanhos generosos e contraste alto.

Tela de solicitação completa: status, dados do aluno e escolas pretendidas

DocumentaçãoProtótipos entregues com as regras de negócio descritas em cada componente.

Design QAAcompanhei o front-end e revisei as telas para o código ficar fiel ao Figma.

06Resultados

Da fila para o celular

O que aconteceu depois que a plataforma entrou no ar.

Matrículas online0

Famílias que deixaram de passar a noite na porta da escola para garantir a vaga.

+0 mil

acessos simultâneos na abertura, sem quedaTelas leves que aguentaram celular antigo e internet fraca no pico.

120

filas na frente das escolasA matrícula passou a ser feita de casa, a qualquer hora.

Bônus

+0 mil

transferências sem os pais irem à escolaServiço extra, pedido pela Secretaria após a boa resposta às matrículas.

Próximo caseEventure

Contato

Tem um produto para tirar do papel?

Me conta o desafio. Respondo por WhatsApp, e-mail ou LinkedIn.

WhatsApp(95) 98414-0592 E-mailericxluzz.dsg@gmail.com LinkedInin/ericxluzzz-dsg CurrículoBaixar CV em PDF

Desenhado e codado por mim, de ponta a ponta, num processo de Design Engineering: design, interface e animações em Next.js, TypeScript e Tailwind CSS, publicado na Vercel.