Grand Plaza

Grand Plaza é um app em português para um shopping. A barra inferior divide o app em Início, Prêmios, Ofertas, Lojas e Perfil, e Ofertas fica elevada no centro: é a única aba que sai da linha.

O acervo do Figma guarda o processo ao lado das telas: wireframes da v0 à v4, um mapa mental, um sitemap e um fluxo do usuário com content map. Aqui mostro as telas desenhadas junto com o mapa que organizou tudo.

A home dedica a maior parte da tela a um único evento: um card grande com foto, nome, datas e um botão Saiba mais. Um indicador de carrossel mostra que há outros. Abaixo ficam três atalhos de serviços (mapa do shopping, estacionamento e cinema) e um link Ver todos para o restante.

A aba Prêmios gira em torno das notas fiscais. O card da campanha diz, em três linhas curtas, quanto a pessoa já cadastrou, quanto falta para ganhar um brinde e quanto falta para ganhar um número da sorte. O botão forte é Cadastrar nota fiscal e o discreto é Saiba mais, então o próximo passo fica claro antes de qualquer explicação.

O shopping oferece mais do que cabe em uma barra de abas, então a tela Serviços do shopping reúne quatorze serviços em uma única grade, do mapa e do estacionamento ao coworking, ao bicicletário e ao eletroposto. As ofertas terminam em uma tela própria, com o desconto, um código, um QR code e a validade para mostrar na loja.

O diagrama de fluxo do usuário e content map organiza essa estrutura em uma árvore de telas que sai da home. O arquivo também guarda duas versões do protótipo: uma com ícones flat e outra com ícones 3D.