top of page

UI/UX

Redesign

livro.png

Site de Educação Corporativa

Home IDEA9

A IDEA9 é uma plataforma digital especializa em E-learning Experience, com foco em aprendizado corporativo.

 



O trabalho foi repensar no design do site para simplificar a proposta da empresa e trazer novos usuários para a plataforma.

Cliente

O cliente Idea9 se posiciona como uma empresa de experiência de aprendizado que poder ser aplicado tanto para um usuário comum, como para grupos institucionais.

Seu foco é em apresentar cursos de desenvolvimento de carreiras.

Tarefa

A Tarefa pelo que fui requisitado é para recriar o site da empresa com foco em simplificar as informações empresariais e os conteúdos fornecidos da área logada, e trazer novidades ao site, como a recente parceria da idea9 com a c6 Institute.

Este projeto foi realizado de forma escalada, sendo a Idea9 cliente da Esplore (empresa de desenvolvimento de soluções Web com foco em plataformas de e-learning), e meu trabalho de prestação de serviços a Esplore.

Assim, foi conduzido uma pesquisa enviada a Esplore para brefing e levantamento dos principais pontos importantes do projeto.

Além disso, foi levantado uma pesquisa de concorrentes principais da Idea9 para entender o contexto do projeto.

contexto.png

Principais Problemas destacados:

contact_support_FILL0_wght400_GRAD0_opsz48.png

Usuários não entendem o conceito
da plataforma.

list_alt_FILL0_wght400_GRAD0_opsz48.png

A forma com que o conteúdo é apresentado
não é intuitiva.

Tipografia

tipografia.png

Noto Sans JP

A Noto Sans JP é uma fonte sem serifa que possuí personalidade, ao mesmo tempo que traz facilidade de leitura.

Contexto Pesquisado

tips_and_updates_FILL0_wght400_GRAD0_opsz48.png

Cursos não contém destaque na home da página.

A tipografia e a Paleta de cores foram estabelecidas pela C6 institute, parceira da Idea9.

Paleta de Cores da aplicação

Amarelo - #FFC900

O Amarelo é a cor de maior destaque no projeto da Idea9, em contrates com os tons mais neutros é possível identificar sofisticação com a memória afetiva do Dourado.

Preto - #262626

É um tom forte que ao ser usado com o amarelo apresentas sofisticação e sobriedade ao elemento aplicado, além de destaque.

Branco - #ffffff

É o tom Neutro da paleta de cores, utilizado em elementos com muito texto e em fundos escuros.

Azul Acizentado - #30475E

Essa cor é usada como secundaria para elementos em que o amarelo não pode ser usado como destaque.

Telas

Depois das pesquisas realizadas e o fornecimento da tipografia e paletas de cores foi formulada a Home da Idea9 como elemento de partida para o desenvolvimento das próximas telas.

Home Completa IDEA9

Home

Páginas internas

Tela de Login

Login

Tela de Mídias

Tela de Mídias
bottom of page