Redesign

Realizar o redesign de uma página web apenas. A página a ser redesenhada pode ser encontrada online em:
http://mileva.io/demo/

Não há necessidade de produção de código, apenas o design, que pode ser entregue em PSD ou em outro formato previamente acordado.
A página não é responsiva e o redesign também não deve ser.


Sobre a aplicação

Trata-se de um sistema web que atua como um banco de conteúdos educacionais, isto é, os usuários, semelhante a como corre no Google, realizam uma pesquisa e obtém como saída conteúdos que podem ser:

Tutoriais,
Cursos,
Documentários,
Desafios,
Aulas

Neste ponto o croqui da interface foi pensado para fazer uma referencia ao Google,  afim de trazer familiaridade ao usuário. Dentre os pontos de semelhança com a interface do Google pode-se destacar:
*O conteúdo é apresentado em forma de lista, onde o usuário pode visualizar dois ou três resultados de uma vez.
*A interface deve ser simples e ser construída em tons de cinza e branco
* A barra de busca deve estar em destaque

Sobre o painel de filtragem

Deve haver um painel de filtro aparente, isto é o painel deve estar visível ao usuário já no primeiro momento, afim de que o mesmo tenha contato imediato com as possibilidades de conteúdos existentes.

Sobre os cards

Os cards devem conter um conjunto de informações, que são classificadas em informações de maior destaque, médio destaque e menor destaque.

Informações de maior destaque:
*Titulo
* Imagem, que ilustre o conteúdo, eventualmente podendo ser representado por um GIF

Informações de destaque médio:
* Descrição, uma breve snopse sobre o conteúdo

Informações de menor destaque:
*Nivel, conteúdos são classificados quanto ao grau de dificuldade (básico, intermediário, avançado)
* Valor de compra do conteúdo (se pago o valor em reais e se gratuito escrito "gratuito")
* Duração do conteúdo

Os cards possuem ainda o recurso de "visão rápida", onde o usuário pode obter uma visualização breve sobre o mesmo. Ao clicar no ícone de visualização rápida o card se expande (vide o build online). Cada tipo de conteúdo possuirá um tipo diferente de visualização rápida, mas não se preocupe com o aspecto deste conteúdo dentro da área expandida, apenas em adicionar o ícone de expansão ao card.



A identidade visual da empresa

O nome fantasia a empresa é Mileva (leia Mileiva), cujo nome quando escrito em formato gráfico possui este aspecto:

http://mileva.io/demo/Screenshot_3.png

O logo completo é composto deste gráfico posto juntamente com o mascote da organização, uma coruja com um foguete amarrado às costas. O respectivo desenho ainda não foi elaborado, porém segue algumas referências:

https://dwa5x7aod66zk.cloudfront.net/assets/labtocat-be5eee0434960a8f73e54910df8e87b8a5a3b2d651c0b301670c04a9cc26a70f.png

https://cdn-images-1.medium.com/max/1600/1*SJryNEZi8mugN4guNayofw.png

Alguns pontos de observação:

Gosto de emojis no estilo markdow e gostaria de usar estes em alguns pontos da aplicação;
busco uma interface com carácter cientifico, mais séria, porém com toques de descontração para torna-la mais amigável aos usuários.