Protótipo da Tela

Este é o protótipo da interface, desenvolvido no Figma. Nosso objetivo é que a versão final siga esse modelo, proporcionando uma experiência intuitiva e bem organizada para os usuários.

Estrutura da Interface

Header

O cabeçalho contém elementos essenciais para navegação, incluindo:

• O nome da aplicação, destacando que se trata de um banco de dados da série Rick and Morty.
• Um botão para troca de tema, permitindo alternar entre os modos claro e escuro.
• Um acesso rápido à aba de login, garantindo que o usuário possa entrar facilmente na plataforma.

Corpo da Página (Body)

A página está organizada em três grandes seções principais:

Personagens

• Exibição de personagens da série, com cards informativos.
• Cada card contém a imagem do personagem e detalhes básicos.
• Ao passar o mouse sobre um card, mais informações são reveladas.
• Há um botão de favoritar, permitindo que o usuário marque seus personagens preferidos.
• Um botão "Ver todos os personagens" facilita a navegação para a listagem completa.

Episódios

• Uma seção dedicada aos episódios da série.
• Os episódios também são apresentados em cards, com informações relevantes.
• O usuário pode acessar a lista completa clicando em "Ver todos os episódios".

Localizações

• Área que exibe os lugares visitados na série.
• Os locais são organizados em cards, contendo detalhes básicos.
• Um botão "Ver todas as localizações" leva o usuário para uma página com mais informações.

Objetivo da Interface

O design foi pensado para ser intuitivo e funcional, permitindo que os usuários:

• Naveguem facilmente entre personagens, episódios e localizações.
• Visualizem detalhes extras passando o mouse sobre os cards.
• Marquem seus favoritos para um acesso rápido.
• Alternem entre temas claro e escuro conforme sua preferência.

Essa interface busca tornar a experiência do usuário mais fluida e imersiva, organizando as informações de forma clara e acessível.

Details

Protótipo De Tela