YANDesign de app mobile
Grand Plaza. Tudo do shopping a uma aba de distância
Um app mobile para o shopping Grand Plaza que reúne eventos, serviços, campanhas de prêmios e ofertas em um só lugar. Os valores e códigos que aparecem nas telas são conteúdo de exemplo.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do design original no Figma e no Dribbble, com dados de exemplo.
Minha contribuição
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.
Um evento por vez
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.
Uma campanha que diz quanto falta
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.
Muitos serviços, primeiro o mapa
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.
