O wireframe e o guia de estilos foram utilizados para a elaboração da proposta final de central de ajuda para a Estante Virtual, concluindo o projeto de nível 0. Algumas modificações foram feitas, segundo feedbacks obtidos em revisões posteriores e outras mudanças de interfaces implementadas pela Estante Virtual após o início da elaboração deste projeto.

Utilizando o aplicativo Figma, foi possível elaborar dois protótipos navegáveis, sendo o primeiro para simular a nova central de ajuda em ambiente desktop e o segundo para dispositivos mobile.

As telas abrangem as principais mudanças propostas para a central de ajuda, como a reorganização da página principal, listagem de tópicos, páginas de conteúdo, a nova categoria de resolução de problemas e o chat.

Central de ajuda – Desktop

https://www.figma.com/proto/8VPwujc02w9HwI3eWAWv5P/Mockup-–-Estante-Virtual?page-id=0%3A1&node-id=2%3A2&viewport=25%2C232%2C0.07&scaling=min-zoom&starting-point-node-id=2%3A2&hide-ui=1

Central de ajuda – Mobile

https://www.figma.com/proto/8VPwujc02w9HwI3eWAWv5P/Mockup-–-Estante-Virtual?page-id=424%3A3490&node-id=424%3A3501&viewport=1004%2C407%2C0.1&scaling=min-zoom&starting-point-node-id=424%3A3501&hide-ui=1

Telas

https://www.figma.com/file/8VPwujc02w9HwI3eWAWv5P/Mockup-–-Estante-Virtual?node-id=0%3A1

Amostras das páginas

Página inicial

Página inicial – Desktop.jpg

Listagem de tópicos

Diretório – Resolver problemas – Desktop.png

Artigo

Artigo – Resolver problemas – Desktop.png

Chat

Intro – Desktop.png

Resultados de busca

Resultados de busca – Desktop.png