O Desafio
O programa Escola 10 é uma iniciativa essencial em Alagoas, com o foco em impulsionar os resultados educacionais e reduzir o abandono escolar por meio de monitoramento, apoio e incentivos financeiros. No entanto, o acesso a informações cruciais do programa como benefícios, relatórios de progresso e resultados era inconveniente para estudantes, educadores e o público. Anteriormente, obter detalhes exigia ligações telefônicas ou visitas presenciais demoradas à sede da secretaria, criando uma barreira significativa, especialmente para aqueles que moravam longe da capital. O desafio era criar uma plataforma digital centralizada e de fácil acesso para preencher essa lacuna de informação.
Meu Papel
Inicialmente, liderei a equipe de design deste projeto, sendo responsável por definir a experiência geral do usuário e a direção visual. Após finalizar a fase de design, migrei para a função de Desenvolvedor Frontend dentro da equipe de desenvolvimento, assumindo a responsabilidade pela implementação da interface voltada para o usuário da aplicação, utilizando os designs aprovados. Esse envolvimento duplo me permitiu garantir a fidelidade ao design e contribuir ao longo de todo o ciclo de vida do produto.
O Processo & A Solução
Design
O principal objetivo do design foi criar um painel de controle intuitivo e adaptado ao seu público, apresentando informações de forma clara e concisa. Reconhecendo a necessidade de atrair um público mais jovem, o design intencionalmente se desviou da estética governamental típica, buscando um visual mais moderno e envolvente.
- Arquitetura da Informação:
Estruturar o painel de forma lógica com um layout baseado em cards, agrupando informações relacionadas em "cartões" brancos distintos sobre um fundo azul claro para facilitar a leitura. - Design Visual:
Selecionar as cores cuidadosamente para garantir boas taxas de contraste, mantendo a estética moderna e amigável para os estudantes. - Prototipagem:
Criar protótipos interativos no Figma para visualizar o fluxo do usuário e refinar a interface antes do início do desenvolvimento.
Desenvolvimento
O front-end foi implementado com Laravel Blade e JavaScript puro para interatividade, seguindo fielmente os designs do Figma. Um foco principal foi garantir uma experiência totalmente responsiva; usando CSS puro, implementei um sistema de layout em grade e combinei técnicas de Flexbox e Grid para garantir que a aplicação se adaptasse perfeitamente a vários tamanhos de tela, de desktops a celulares. Colaborei com a equipe de backend para integrar os dados necessários do banco de dados existente do programa através do framework Laravel.
Tecnologias Usadas
Responsabilidades
- Implementação da interface do usuário com base nos designs do Figma
- Desenvolvimento de elementos interativos utilizando JavaScript puro
- Garantia de um design totalmente responsivo em diferentes dispositivos
- Integração com a equipe de backend e o framework Laravel
O Resultado
A plataforma "Escola 10 - Alunos" foi lançada com sucesso e está atualmente ativa em escola10.educacao.al.gov.br. Ela atua como o principal ponto de contato digital do programa, oferecendo aos estudantes, educadores e ao público de Alagoas acesso conveniente e autônomo a informações vitais. A plataforma substituiu de forma eficaz a necessidade de muitas ligações e visitas presenciais, cumprindo seu objetivo de melhorar a acessibilidade e a transparência.
Este projeto demonstra minha capacidade de trabalhar com uma equipe de design e lidar com o desenvolvimento Frontend. Tenho especial orgulho de criar uma aplicação que se destaca pela facilidade de uso e apelo aos estudantes, diferenciando-se das plataformas governamentais mais tradicionais. Ele mostra minhas habilidades em traduzir as necessidades dos usuários e as decisões de design estratégico em uma ferramenta digital funcional, acessível e visualmente atraente dentro das restrições de um projeto de grande escala do setor público.
