Em 2020, o CIEBP possuía apenas uma unidade física. O desafio era criar um site institucional que atendesse às demandas imediatas e fosse escalável para acompanhar a expansão prevista — que posteriormente chegou a 17 unidades. O portal deveria apresentar de forma clara os espaços físicos disponíveis para uso, além de divulgar projetos como o “Mãos na Massa” e iniciativas de educação antirracista.
Problema Central
- Desafios específicos:
Criar um site moderno, intuitivo e preparado para expansão, que comunicasse com clareza as ações do CIEBP e facilitasse o acesso de professores, alunos e gestores a espaços e projetos. - Limitações:
Necessidade de desenvolver a plataforma de forma que comportasse futuras unidades e novas iniciativas, sem comprometer a navegação.
Stakeholders e equipes envolvidas:
- Secretaria da Educação do Estado de São Paulo.
- Fundação Vanzolini: UX Designer, Gestão de produto, TI, UX Writing, UX Research, especialistas em educação e conteúdo.
Objetivo Claro
- Meta principal:
Desenvolver um portal responsivo, informativo e escalável que se tornasse referência na divulgação e no acesso a recursos e atividades do CIEBP. - Critério de sucesso:
Maior engajamento de educadores e estudantes na rede pública, facilitando a comunicação sobre trilhas formativas e mentorias.
Ferramentas
Adobe XD
Illustrator
photoshop
Competências aplicadas
Fluxo de trabalho
1.
reuniões de alinhamento
2.
criação de wireframes
3.
aprovação
4.
design final
5.
ajustes iterativos
6.
handoff
Soluções e Entregas
- Principais funcionalidades:
- Página inicial com destaque para projetos e espaços.
- Sessões dedicadas a iniciativas como o “Projeto Mãos na Massa” e programas de educação antirracista.
- Estrutura para apresentar e gerenciar informações de todas as unidades.
- Layout responsivo para diferentes dispositivos.
- Decisões de design:
- Interface amigável, navegação clara e identidade visual alinhada à proposta de inovação do CIEBP.
Resultados
- Aumento significativo do engajamento de estudantes e educadores.
- O site tornou-se ferramenta central para divulgação de atividades e recursos.
- Facilitação do acesso às trilhas formativas, mentorias e cursos.
Lições Aprendidas
Habilidades reforçadas:
Planejamento de escalabilidade, design centrado no usuário, alinhamento contínuo com stakeholders.
Melhorias de processo:
Iterações frequentes e feedback constante como chave para alinhar expectativas e entregar valor.
Projeto desenvolvido via Fundação Vanzolini para a Secretaria de Educação do Estado de São Paulo