Contexto
Projeto de design de interface e experiência de usuário para uma plataforma de venda de cursos digitais. O aluno compra seu curso na loja e já recebe acesso ao Ambiente Virtual de Aprendizagem, de forma integrada.
Para o contexto do Sistema Fiep este foi um projeto inovador pois ainda não tinham conseguido ofertar aos clientes uma experiência de compra fluída e integrada, tendo acesso ao curso com poucos cliques.
Projeto da interface
Para design de interface e prototipagem, foi utilizado o Figma. Todos os fluxos foram previamente planejados fazendo uso do Miro. Mais de 40 telas foram projetadas com seus respectivos desdobramentos para o usuário, considerando diversos cenários. Cada decisão foi pautada nos princípios de usabilidade, responsivo e acessibilidade.
Veja algumas telas:
Design System
A fim de documentar e padronizar os componentes da interface, foi criado um documento de design system, abrangendo tópicos como: Texto, componentes, grid, cores e ícones.
Como a programação da plataforma foi executada por um fornecedor externo, esse documento foi de grande valor para o desenvolvimento e gerar consistência em cada tela.
O documento foi construído dentro de uma interface interativa, mas abaixo você pode conferir alguns trechos: