BARRA RESTAURANTE
Restaurante o qual foi desenvolvido identidade visual e leiaute gráfico para totens digitais de autoatendimento. Projeto analisado e pensado para agilizar o fluxo de atendimento de clientes. Para a progressão do projeto foi utilizado softwares gráfico como Figma, Illustrator e CorelDraw, assim como análises por entrevistas, wireframes e técnicas de redação
I) Escopo – desenvolver um sistema de autoatendimento que reduza o tempo de espera em filas e otimize o fluxo de pedidos no restaurante para os clientes que buscam praticidade na compra.
O acúmulo de clientes na fila causa lentidão no atendimento manual. Foi realizada análise de totens de grandes redes para compreender padrões de interação e usabilidade.
II) Estruturação – Após entrevista foi definido o uso de uma interface simples e direta aliada a uma navegação fluida com poucos toques. Há também a exibição de preços e resumo do pedido com um fluxo claro até o pagamento. SiteMap e UserFlow para ilustração:
III) Wireframes – Os arquivos foram criados no Figma em formato vertical (simulando a tela do totem) e estruturados para priorizar visibilidade, contraste e tamanho de toque. O leiaute foi dividido em blocos, como logotipo, área interativa, botões de confirmação e fundo decorativo. Os testes iniciais de hierarquia visual foram feitos para manter clareza entre conteúdo e ação.
IV) Interface – A identidade visual foi feita em tons terrosos, laranja e bege; baseado na cultura aborígene para transmitir aconchego e autenticidade gastronômica. Já a tipografia, moderna e robusta, garante a alta legibilidade à distância.
Os elementos principais visíveis são os botões grandes e de alto contraste, leiaute limpo e consistente em todas as telas e uso do logotipo centralizado como elemento de reconhecimento da marca.
V) Testes – Realizados com usuários internos simulando atendimento real no totem. Ajustes aplicados:
Aumento do tamanho dos botões “Confirmar” e “Cancelar”; Simplificação dos textos para leitura rápida; Melhoria nos contrastes entre fundo e texto; Inserção de feedback visual (resumo de pedido e valor total).
VI) Implementação – O design foi exportado do Figma para implementação em linguagem ainda a definir (HTML/CSS, React ou outro framework). O sistema será instalado em totens com tela sensível ao toque.
VEJA OUTROS PROJETOS:
