Estudo de caso:
Giuseppe Truck
Site responsivo de menu digital para venda de refeições em food truck do restaurante Giuseppe.
Este projeto é parte do curso de Certificação Profissional Google UX Design.
Duração no projeto: 1 mês e 12 dias.
Participação no projeto: todos os aspectos do Design
(pesquisas, visuais, interação)
Introdução
Este projeto é o resultado bastante peculiar de um estudo em como traduzir uma marca de um restaurante do Rio de Janeiro, como o Giuseppe em um menu digital voltado para atuação em food truck.
Visão de projeto e público-alvo
O projeto como objetivo principal desenvolver um site-menu
para uma versão food truck do restaurante Giuseppe,
sinônimo de alta gastronomia no Rio de Janeiro.
Para este projeto, foquei em um público que costuma consumir
refeições online e sua relação com food-trucks, sem deixar de
lado o posicionamento do restaurante em si.
Desafios
• Levar a tradicional marca do restaurante Giuseppe para atuação em food truck em um menu digital.
• Projetar um site responsivo que traga a nova atuação do restaurante, mantendo sua identidade.
• Garantir uma experiência contínua entre as formas de busca seja em desktop ou mobile.
Desk Research
Para entender o cenário, foi realizada uma pesquisa inicial sobre o cenário de pedidos de refeições online e entender de forma geral o comportamento do consumidor durante a pandemia e em um momento de relaxamento de restrições.
O resultado encontrado foi que houve um aumento na ordem de 128% do número de pedidos no primeiro semestre de 2022, em estudo realizado pela NielsenIQ Ebit - Webshoppers.
Pesquisa com usuários
Já a pesquisa com usuários tinha como foco conhecer o hábito dos usuários sobre os pedidos de refeições online, além de entender a frequência
com que essa atividade era realizada.
A maioria dos entrevistados apontam que costumam consumir alimentos em food trucks ainda mais quando estes são indicados.
Acreditam que a rapidez e a praticidade são fundamentais para a incluírem essa opção na hora de pedir refeições online.
Quatro pontos de dores foram identificados, fundamentais para direcionar os designs:
Usuários apontam
atrasos na entrega
como um fator que impacta
diretamente nas suas rotinas.
Usuário não gosta de
ter sair da plataforma
para finalizar seu pedido.
Usuários relataram
que têm ocorrido cobranças
que não são relatadas na plataforma no momento
do pedido.
Usuários apontam a demora na entrega como fator decisivo para
desistência do pedido.
Persona - Encontrando os usuários
Partido da visão dos entrevistados, formulei personas (aqui, uma exemplificada) que representou os objetivos:
“O tempo é agora. E não posso perder a oportunidade!”
Metas
• Aproveitar a oportunidade recebida no trabalho para galgar novas posições na empresa
• Otimizar o tempo para aprimorar seu conhecimento
• Manter a saúde com a prática
de exercícios físicos e principalmente se alimentando bem.
Frustrações
• “Minha vida tem sido extremamente corrida! Busco me alimentar bem mas isso nem sempre é possível”
• “Fico irritada quando peço uma refeição por site ou aplicativo e tenho que reclamar na plataforma porque o pedido está atrasado. ”
Joyce Arruda
30 anos, casada (sem filhos)
analista de marketing
Joyce é uma analista de marketing que tem ambições. Atenta a sempre tudo o que a rodeia, ela acabou de ser promovida na empresa em que trabalha e está sempre em busca de novos conhecimentos para assim crescer ainda mais dentro da empresa. Por conta disso, possui pouco tempo para parar e cozinhar. Geralmente recorre a pedidos de refeições online ou compra em food trucks próximo do seu trabalho e frequentemente é comum vê-la extremamente irritada quando o seu pedido atrasa. Preocupada com a sua saúde, realiza exercícios físicos com o marido em uma academia próxima de casa no pouco tempo disponível que possui.
Jornada do Usuário
Levando em consideração as pesquisas realizadas, defini que o site deveria ser sucinto e direto, visto a característica de negócio de food trucks, uma vez que estes possuem menus reduzidos e agilidade de entregas.
A jornada da usuária revelou a possibilidade de realizar de um pedido de refeição saudável, de forma rápida e com acompanhamento de entrega em tempo real mesmo tendo pouco tempo disponível em sua rotina.
Sitemap
Levando em consideração as pesquisas realizadas, defini que o site deveria ser sucinto e direto, visto a característica de negócio defood trucks, uma vez que estes possuem menus reduzidos e agilidade de entregas.
Conceitos Iniciais
Wireframe
Seguindo o processo, realizei versões para a home de forma que a página atendesse os objetivos traçados, sendo mais direta possível.
Alguns designs se aproximavam da característica de apps, o que fez com que fosse optado trabalhar melhor os espaços em branco e hierarquias.
Wireframe variação de tela
Partindo das decisões anteriores e pensando de forma responsiva,
foi realizado esboços para versão mobile da página.
Home Interna
Desktop / Site responsivo
Wireframe Digital
Seguindo o processo e as definições inicialmente tomadas, trouxe uma estrutura limpa, em muitas vezes similar a de um app, porém de rápida identificação para o usuário.
Wireframe variação de tela
Seguindo o modelo responsivo, também foi elaborado o wireframe digital em sua versão mobile. Pela característica peculiar do negócio, a estrutura se apresentou de forma bastante similar a realizada para sua versão desktop.
Estudo de Usabilidade
Após as realização das telas iniciais, foi realizado os estudos de usabilidade que trouxeram insights importantes para a diferenciação do site de forma que trouxessem mais agilidade e segurança na compra de refeição online
1 - Por conta da natureza do negócio food truck, Interface limpa, que se assemelha a apps mobile.
2 - Indicar para o usuário a solicitação de pedido de forma mais clara possível, indicando sua adição ao carrinho de compras.
3 - Como um diferencial para agilizar pedidos, realização de cadastro básico e possibilidade de pagamento por ‘one click buy”.
Identidade Visual
Marca
Com uma marca já estabelecida, foi mantida a identidade visual do grupo, porém com uma pegada mais neutra, de forma que se diferenciasse no segmento food truck, uma vez que é possível encontrar diferentes aplicações dependendo do segmento o qual o restaurante atua.
Paleta de Cores
Sistema de cores segue padrão de alto contraste, seguindo padrões WCAG, AAA.
Tipografia - Logo
Para a logo, foi utilizada uma tipografia semi-serifada:
Fonte logo: Palladio Pro
Tipografia - Textos
Já para os textos, foi utilizado uma tipografia sem serifa:
Fonte textos: Segoe UI - Regular
Design Final
Mockups
Seguindo no processo, foram realizados os mocukps do projeto com iterações observadas em um segundo teste de usabilidade, tendo as imagens em maior destaque:
Protótipo hi-fi
Como processo de interação, o protótipo navegável realizado no Adobe XD:
Aprendizados colhidos
O estudo me fez ter ainda mais clareza sobre a necessidade de designs limpos, com experiência única em diferentes plataformas e sempre alinhadas às estratégias de marca da empresa. Como o Giuseppe é um restaurante de alto nível no Rio de Janeiro, a expectativa é que se obtenha a mesma qualidade no seu food truck e isso tem de ser tangibilizado nos seus projetos digitais.
Aprendi que é possível realizar um site voltado para food truck, mesmo tendo uma cultura de experiência muito presente no ambiente físico.
O projeto me mostrou que como um food truck possui um cardápio reduzido e o fator tempo é fundamental para decisão entre consumo de refeições ou não neste ambiente,
o site tem de refletir esse sentimento.