Esse case foi desenvolvido para um processo seletivo da ClassApp em 2018.

Objetivo

Desenvolver proposta de melhoria visuais (UI) das telas de Login e Mensagem do aplicativo levando em conta de que todas as pessoas que baixassem o teriam acesso à estas telas.

Por se tratar de uma plataforma fechada para convidados, não foi possível ter acesso à interface do aplicativo e jornadas. Decidi procurar referências de como outras empresas ou aplicativos do mesmo segmentos faziam.

Optei por seguir algumas práticas de mercado que fosse simples e que fizesse sentido para eu propor as interfaces (UI) e também as jornadas de acesso.

Fluxo

Analisei o aplicativo e criei um fluxo simples para eu entender o page flow que eu iria propor nesse desafio.

https://cdn-images-1.medium.com/max/800/1*oAEZSJxR2WpIk6GnsbG16A.png

Fluxo simples de acesso

Visual

Usei os padrões e práticas do Material Design para definir a interface (UI) seguindo o guia de cores da empresa e ilustrações já existentes no aplicativo

https://cdn-images-1.medium.com/max/400/1*mXiuUEys8P0tivolfQzHJw.png

https://cdn-images-1.medium.com/max/400/1*iNIdq9LdZxt_A-th9_v7Rg.png

https://cdn-images-1.medium.com/max/400/1*zbDHvQSh9Cc1foTFmT6aFQ.png

Acesso

Na jornada atual é apresentado um walk-through que leva para a tela de “entrar”.

Minha proposta foi criar uma tela com "entrar" e "primeiro acesso" para separar as jornadas assim como eu havia definido no fluxograma.

Fluxo atual / Proposta

https://cdn-images-1.medium.com/max/800/1*dk0aOxwB_v20ed6a2NFYHg.gif

https://cdn-images-1.medium.com/max/600/1*oUSIpFEcvpLm7axhzrNQPA.gif

Primeiro acesso

Nessa jornada a proposta foi trazer o walk-through para que as pessoas entendam o que é, como funciona e sobre o cadastro.

https://cdn-images-1.medium.com/max/800/1*HSpaVByjGEX8x-9yF3xSOw.gif

Telas de primeiro acesso