Education Platform — plataforma de cursos em vídeo
A tela de uma aula em vídeo, com o conteúdo em destaque, o chat da turma ao lado e uma paleta que parte do pêssego.
Conceito
Uma sala de aula em vídeo, com a conversa ao lado
A Education Platform é um projeto autoral de interface para uma plataforma de cursos em vídeo. A proposta foi desenhar a tela de uma aula: o vídeo em destaque, a conversa dos alunos sempre à vista e, abaixo, o contexto da aula e outros conteúdos. Os textos, nomes e conversas exibidos nas telas são fictícios, criados apenas para o design.
Solução
Três decisões que organizam a tela da aula
Vídeo em destaque
O player ocupa a maior parte da tela, com controles de pausa, próxima aula, volume, tempo, configurações e transmissão. Logo abaixo, uma faixa de miniaturas mostra os momentos da aula.
Chat da turma
Um painel ao lado do vídeo reúne os comentários dos alunos, cada um com foto e nome, e um campo para escrever uma mensagem, sem sair da aula.
Contexto da aula
Abaixo do vídeo ficam o título, a descrição, os botões de compartilhar e favoritar e um curso relacionado, com um chamado para assistir.
Elementos da interface
A interface
A tela completa da aula
À esquerda, o menu lateral com quatro ícones. No topo, o botão de voltar, o título da aula e o atalho para a próxima; no canto, ajuda, notificações e o perfil. Ao centro, o vídeo e, à direita, o chat.
A tela de aula, sem moldura
Detalhes
De perto
O player com sua faixa de miniaturas e a parte inferior da tela, com a descrição, o curso relacionado e os dois cards de chamada.
Sistema de Design
Tipografia e paleta
A base visual da plataforma: a fonte Inter e uma paleta de oito cores. Magenta, rosa, pêssego e laranja dão o tom quente, e verde-água, azul-petróleo, azul-marinho e azul claro equilibram e destacam os cards.
Tipografia e paleta de cores