Voltar
Glenda Brendler
UX/UI Designer | Front-end
Open to work!
Contato
UX/UI Design
Hackathon
MVP novo App Ceisc

O propósito desse Hackathon foi criar o MVP do novo App Ceisc. Durou 3 dias e meio, de 5 a 8 de Dezembro de 2023.

A funcionalidade principal seria assistir as aulas e, para isso, teríamos um fluxo a percorrer que já é mapeado hoje e já é utilizado na plataforma atual.

Dashboard mockup
Objetivos e definição de tarefas
No primeiro dia, fizemos uma lista dos conteúdos que precisavam estar ali, direto ao ponto: assistir à aula. Cortamos alguns e focamos nos que realmente importavam naquele momento. Depois de decidir o que íamos desenvolver, partimos para o design, enquanto a equipe de desenvolvimento escolhia as tecnologias, criava o novo projeto, montava um novo repositório e definia as rotas. Nesse processo, contamos com a participação do PO, Devs Front e Back e UX Designers.
Objetivos e definição de tarefas
No primeiro dia, fizemos uma lista dos conteúdos que precisavam estar ali, direto ao ponto: assistir à aula. Cortamos alguns e focamos nos que realmente importavam naquele momento. Depois de decidir o que íamos desenvolver, partimos para o design, enquanto a equipe de desenvolvimento escolhia as tecnologias, criava o novo projeto, montava um novo repositório e definia as rotas. Nesse processo, contamos com a participação dos POs, Devs Front e Back e UX Designers.
Dashboard mockup
O Design v1
O processo de design levou em consideração o projeto da nova plataforma EAD web, que está sendo desenvolvido. Os testes de tela foram feitos diretamente em alta/média fidelidade pois o tempo era muito curto e precisávamos de muita agilidade nesse processo. O design durou um dia. Assim liberamos para os desenvolvedores iniciarem os trabalhos.
Dashboard mockup
O Design V1
O processo de design levou em consideração o projeto da nova plataforma EAD web, que está sendo desenvolvido.
Os testes de tela foram feitos diretamente em alta/média fidelidade pois o tempo era muito curto e precisávamos de muita agilidade nesse processo.
O design durou um dia. Assim liberamos para os desenvolvedores iniciarem os trabalhos.
Dashboard mockup
Dashboard mockup
O Desenvolvimento
Nessa etapa foi possível entender o que seria possível, ou não, termos neste momento, tendo em vista o pouco tempo. Com a primeira versão do design montada, a equipe de desenvolvimento mapeou as possibilidades e deram sugestões de alteração e inserção de conteúdo nas telas.
O Desenvolvimento
Nessa etapa foi possível entender o que seria possível, ou não, termos neste momento, tendo em vista o pouco tempo. Com a primeira versão do design montada, a equipe de desenvolvimento mapeou as possibilidades e deram sugestões de alteração e inserção de conteúdo nas telas.
Dashboard mockup
O Design v2
Feitas as alterações necessárias de conteúdo, uma nova apresentação foi feita aos desenvolvedores. Nessa versão foi modificado não apenas o conteúdo mas houve também uma revisão dos padrões de cores, contraste e ajuste de textos e ícones, para manter tanto a consistência do sistema como também adequar à padrões de acessibilidade.
Dashboard mockup
O Design v2
Feitas as alterações necessárias de conteúdo, uma nova apresentação foi feita aos desenvolvedores. Nessa versão foi modificado não apenas o conteúdo mas houve também uma revisão dos padrões de cores, contraste e ajuste de textos e ícones, para manter tanto a consistência do sistema como também adequar à padrões de acessibilidade.
Dashboard mockup
O Protótipo
As duas primeiras apresentações fiz estáticas por questão de tempo. Precisava liberar as telas para a equipe desenvolver. Enquanto eles criavam todo o projeto do zero, fizemos o protótipo navegável para que as interações pudessem ser replicadas pelo Front e, assim, uma nova apresentação foi feita para toda a equipe.
Dashboard mockup
O Protótipo
As duas primeiras apresentações fiz estáticas por questão de tempo. Precisava liberar as telas para a equipe desenvolver.
Enquanto eles criavam todo o projeto do zero, eu fiz o protótipo navegável para que as interações pudessem ser replicadas pelo Front e, assim, uma nova apresentação foi feita para toda a equipe.
Dashboard mockup
Novo App Ceisc
O projeto do novo aplicativo trouxe novas funcionalidades à experiência do aluno
Alerta de aulas ao vivo no topo da página
Anotações e download dos arquivos enquanto na própria tela da aula.
Lista de “meus cursos” com barra de progresso.
Menu lateral com outras funcionalidades como ajuda, acesso ao perfil.
Visualização de cronogramas e conteúdos programáticos.
Quer
trabalhar
comigo?
let’s bora!
glendismo@gmail.com
+55 51 993 06 39 50
Porto Alegre - RS / Brasil