The Burger Map

Este projeto foi desenvolvido como parte dos desafios Daily UI realizado pela Tribo Criativa e possui como principal objetivo desenvolver minhas habilidades com UI Design.
Como desafio pessoal, me propus a realizar um estudo de caso de forma mais completa com um período maior.

  Visão Geral

Ao utilizar as plataformas já existentes de Delivery, o estabelecimento possui o desafio de se destacar entre inúmeras opções fornecidas rapidamente ao consumidor.

Através de uma abordagem focada em oferecer uma experiência mais exclusiva e imersiva ao consumidor do The Burger Map, desenvolvi o aplicativo dessa hamburgueria que visa trazer a identidade da marca e fidelizar os seus clientes.

Conheça a Hamburgueria

Apaixonados por comida e cultura americana, os proprietários dessa hamburgueria realizaram uma expedição nos Estados Unidos em busca do verdadeiro hambúguer americano.

A procura tinha como objetivo encontrar os lanches típicos de cada região, feito por pessoas que realmente gostavam de fazê-los, indo de Nova Iorque a Los Angeles, eles conheceram pessoas e lugares que os ajudaram a desenvolver sua receita exclusiva.

Durante a viagem surgiu o conceito de casa, as especialidades de cada cidade são preparadas do mesmo jeito que eles aprenderam durante a viagem e sempre buscam se manter fiéis às receitas originais.

Localizado em Santo André, The Burger Map possui um restaurante tipicamente americano e com sabores marcantes, já receberam 4 vezes o prêmio de melhor hambúrguer pela Veja ABC.

Descrição

Desenvolver a interface de um aplicativo de Delivery para a hamburgueria The Burger Map.

Ferramentas

Papel e Caneta; Figma.

Time

Danielle Zipperer, UI Design.

Responsabilidades

Desenvolvi todos os aspectos desse projeto, iniciei como uma Desk Research, Análise de Competidores, Wireframing, UI Design e Prototipagem.

  Problema

Como diferenciar a hamburgueria The Burger Map, destacando a sua identidade e experiência do ambiente presencial para o digital, além de fidelizar seus clientes.

Desde antes da pandemia os aplicativos de delivery já davam sinais de que iriam alterar o comportamento do consumidor, ao invés de ir em restaurantes, pedir comida ficou cada vez mais frequente.

O uso de plataformas especializadas nesse serviço ajudam os estabelecimentos a ter novos consumidores mas também trazem altas taxas que podem alterar consideravelmente as margens de lucro.

Como poderíamos trazer a identidade da hamburgueria para o meio digital diminuindo o valor das taxas do serviço de delivery e fidelizando clientes?

  Solução

The Burger Map App - A melhor hamburgueria do ABC direto no seu celular.

Com o aplicativo excluviso, os clientes que já conhecem o The Burger Map podem facilmente navegar entre seus pratos preferidos, personalizar os seus lanches, acompanhar os seus pedidos e ainda podem contar com o Burger Club que oferece descontos e novidades exclusivas – tudo isso em um só lugar.

   Ver protótipo

  Objetivos

Desenvolver um aplicativo com personalidade e que permita que os clientes peçam seus lanches favoritos.

Primários

  1. Criar uma solução que se assemelhe a experiência da hamburgueria física no meio digital e que incentive o cliente a consumir mais vezes.

Secundários

  1. Desenvolver uma interface intuitiva e que valorize as características individuais dos produtos

  2. Permitir que o usuário personalize o seu pedido de forma individual

  3. Facilitar o acesso as informações do pedido e status dele

  Processo

Double Diamond

Para garantir que o desenvolvimento da interface desse aplicativo estivesse focado em desenvolver uma experiência positiva no usuário, utilizei o processo de Double Diamond, que possui uma abordagem centrada no usuário, iterativa e não linear.

  Descobrir

Desk Research

Iniciei o projeto pesquisando sobre o perfil do consumidor e as soluções atuais de delivery no mercado e como elas funcionam, identificando os pontos positivos e negativos delas.

   Desk Research

Principais descobertas

Após a pandemia 70% das pessoas preferem experimentar um restaurante novo através do delivery antes de ir ao estabelecimento.
Comida barata e atendimento ágil estão aumentando a demanda dos deliverys
No primeiro trimestre de 2022 o tempo de uso dos app de delivery tiveram um aumento de 380% no Brasil
Os aplicativos de delivery atuais ajudam a gerar novas oportunidades de negócios mas também podem afetar o faturamento.
Por se tratar atualmente de um projeto com o objetivo de desenvolver interfaces e melhorar minhas habilidades visuais, optei por não realizar questionários online e validações com usuários nesse momento.

  Definir

Análise de Competidores

Para identificar as features mais importantes para a composição das interfaces, analisei 5 competidores diretos e indiretos, analisando seus pontos fortes e fracos, e observando também o que os usuários comentam sobre seus aplicativos na Apple Store.

Competidores Analisados

  • Ifood
  • Rappi
  • Mc Donald’s
  • Burguer King
  • La Guapa

A análise dos competidores teve como objetivo identificar aspectos visuais que facilitam a navegação dos usuários e features que possuem em comum.

   Ver análise completa

Após analisar esses sites, pesquisei reviews de usuários sobre esses aplicativos para identificar seus pontos fortes e pontos de melhorias.

Principais percepções

  • É importante poder personalizar o pedido de acordo com o gosto do usuário

  • Para ter um aplicativo exclusivo é importante que o estabelecimento esteja preparado para atender os pedidos

  • Ter condições especiais e promoções incentivam os usuários a utilizar o aplicativo
Outros comentários que chamaram a atenção e reforçam que a solução de ter um aplicativo exclusivo para o estabelecimento foi que em Março de 2022, houve a “Greve do App” onde os usuários não realizaram pedidos nos aplicativos iFood e Rappi devido ao apoio a causa dos entregadores de aplicativo que recebem valores muito baixos pelo trabalho.

Oportunidades

Ao analisar os concorrentes e os comentários realizados pelos usuários foi possível identificar as seguintes oportunidades:
Banners na primeira sessão do aplicativo são uma boa oportunidade de divulgar um novo produto ou promoção.
Incorporar a identidade atual do estabelecimento do aplicativo gera identificação do usuário.

Oferecer benefícios e exclusividades dentro do aplicativo incentiva o usuário a utilizar essa plataforma ao invés dos concorrentes.

Fotos chamativas e descrições que demonstram os detalhes do produto icentivam o usuário a escolher o que deseja consumir
É interessante oferecer opções ao usuário para complementar o seu pedido ou personalizá-lo.
Ter o acompanhamento do status do pedido direto no aplicativo reduz o número de telefonemas e a insatisfação dos usuários.

  Desenvolver

Wireframes em média fidelidade

Após identificar as oportunidades e já possuindo uma ideia mais sólida do que cada interface teria de informações, comecei a desenvolver wireframes de média fidelidade.

  Entregar

Guias de Estilo

Após ter em mente como seria a estrutura do aplicativo, desenvolvi um Guia de Estilos que integrasse a identidade visual do The Burger Map do seu website atual e Instagram.

  Tipografia

Para os títulos foi selecionada a fonte Aktiv Grotesk que está sendo utilizada no site atual e para os textos foi selecionada a Poppins por ser uma fonte de boa legibilidade para conteúdos mais extensos.

  Paleta de cores

  Grid System

  Espaçamento

  The Burger Map - O melhor lanche do ABC na sua casa

Welcome Screen

  • Ao abrir o aplicativo o usuário irá visualizar uma Splash Screen e irá para o menu principal do cardápio do The Burger Map.
  • Caso o usuário seja recorrente, está previsto que o App irá reconhecer e dar boas vindas a ele.
  • A imagem em destaque deverá destacar o lanche especial do mês, promoção ou novidade do cardápio.

Cardápio

  • Cada categoria do cardápio possui uma página contendo todos os itens disponíveis – atualmente há 8 categorias.
  • Ao entrar na categoria desejada o usuário verá em destaque o item mais pedido dentro daquela sessão.

Página do Produto

  • Ao clicar no produto desejado o usuário irá ver a foto desse produto em destaque e a descrição desse prato.

Opcionais

  • Ao adicionar o produto ao seu pedido, o usuário será direcionado a página de opcionais daquele produto (quando disponível) e poderá personalizá-lo da maneira que desejar.

Pedido

  • Ao concluir a personalização do seu prato favorito, o usuário irá visualizar o seu pedido completo até o momento, a visualização contém também as personalizações de cada item e o usuário pode optar por adicionar mais itens ou concluir o seu pedido.
  • Após concluído o pedido o usuário consegue visualizar o status do seu pedido e realizar o acompanhamento de sua entrega através do mapa.
   Ver protótipo

  Lições aprendidas

  Expandindo a Caixa de Ferramentas

Como usuária do Pacote Adobe inicialmente, esse projeto foi desenvolvido totalmente no Figma, então tive a oportunidade de expandir meus conhecimentos dessa ferramenta e adquirir conhecimentos valiosos que irão me trazer mais agilidade nos próximos processos

  Documentação dos processos

Ao desenvolver esse projeto, identifiquei que muitos processos eu realizei e não documentei, o que tornou o processo de escrever as etapas realizadas muito mais desafiadora, pois foi necessário realizar novamente alguns processos para conseguir documentar, a maior lição aprendida é que mesmo que a documentação não pareça essencial durante os processos ela será de extrema importância quando for montar um case de estudo e defender e até mesmo entender o porque de cada escolha realizada.

  Próximos passos

  Estudos de UI Design

Continuarei meus estudos de UI Design com o curso UIboost e Shift Nudge para desenvolver meus conhecimentos e aprimorar minhas habilidades visuais.

  Teoria vs. Prática

A teoria é essencial mas colocar em prática além de divertido valida todos os conhecimentos adquiridos e oferece a oportunidade de aprofundar ainda mais esses conhecimentos.

Obrigada por ter lido até aqui. Feedbacks são sempre bem vindos!
Vamos conversar? Sempre estou disponível para conversas sobre arte, filmes, séries e ideias mirabolantes!

VAMOS CONVERSAR?

+55 11 94943.1118

danielle@bambooarts.cc

Santo André - SP

© Copyright 2022. Danielle Zipperer – UX Designer | Product Designer
Made with ❤️ in Brazil.