Processo:

Benchmark:

Foco em navegação, grid e publicidade. O objetivo principal era coletar informações sobre sites similares e também insghts de como melhorar a experiência de navegação.

O resultado da pesquisa mostrou boas referências a serem seguidas como o The Guardian. Além de inúmeros insights para novos menus de navegação contextual que se mostraram recorrentes em vários sites.

Ver resumo da pesquisa

Arquitetura da Informação:

O sitemap foi escolhido como processo de organização do conteúdo do site. A partir do modelo do site anterior foi desenhado o esquema hierárquico que definiu as prioridades para o menu global.

Ver sitemap

Userflow

Ainda como parte da arquitetura de informação foi necessário produzir userflows para áreas de muitas interações. Um exemplo abaixo parte do flow de bloqueio paywall.

Prototipagem media fidelidade:

A fase de protótipos foi iniciada após os primeiros fluxos serem definidos. Foi usado wireframe com media fidelidade e feitos testes de validação dessas telas.

Exemplo acima do protótipo de paywall e checkout.

UI e Prototipagem alta fidelidade:

Em algumas áreas específicas foi necessário protótipos de alta fidelidade.

Exemplo acima da página curso de inglês.

UI:

Detalhe de layout de algumas telas desktop, já finalizadas para desenvolvimento.

Obrigado pela Leitura :)