Logo para hamburgueria delivery: como não sumir no iFood

No salão, o logo da sua hamburgueria tem a fachada inteira, o cardápio, o copo, a sacola. No iFood, ele tem um círculo pequeno na tela do celular, no meio de várias outras casas na mesma rolagem. E quem ainda não provou o seu hambúrguer decide por ali, olhando a foto e esse círculo.

Eu sou o Patrick, desenho identidade de marca na Memoravel desde 2021, e hamburgueria é o programa fixo meu e da minha noiva. Do lado de quem pede, uma das coisas que eu mais reparo é o logo que some no app. Neste guia eu mostro o que muda no logo quando ele vira esse círculo, como testar o seu antes de mexer em qualquer coisa e o que eu fiz na proposta de identidade da Alho Burger.

Por que o logo some no iFood

Quase todo logo de hamburgueria nasce pensando na placa ou no Instagram. Na placa, ele tem metros. No perfil, tem a tela inteira quando alguém clica. No app de delivery, ele aparece pequeno, na lista de lojas, e cada detalhe que funcionava grande vira mancha.

O que mais faz o logo sumir no app:

Nome comprido com slogan embaixo. "Burger & Grill", "desde 2015", "artesanal": tudo isso fica ilegível no tamanho do ícone.
Hambúrguer desenhado com muito detalhe. Gergelim, alface, queijo escorrendo. Pequeno, vira uma bolinha marrom igual à do vizinho.
Letra fina ou cheia de voltas. Script bonito no papel some na tela.
Logo horizontal dentro de um formato redondo. Ele encolhe para caber e fica minúsculo no meio, ou perde as pontas.

E tem a vizinhança. Numa busca por hambúrguer, boa parte das casas usa vermelho, amarelo ou preto, com foto de lanche ao lado. O seu logo precisa ser reconhecível nessa lista. Bonito vem depois.

O teste do círculo pequeno (faça antes de trocar qualquer coisa)

Antes de pensar em logo novo, vale descobrir se o seu passa no tamanho do app. Leva uns 5 minutos:

Abre o iFood no seu celular, procura "hambúrguer" e tira um print da lista de lojas perto de você.
Coloca o seu logo num círculo, do mesmo tamanho dos logos que aparecem no print. Pode ser no próprio editor de fotos do celular.
Olha o print com o braço esticado. Dá para ler o nome? Se não der, dá para reconhecer a casa pela forma?
Tira a cor (deixa a imagem em preto e branco) e olha de novo. Se o logo some sem a cor, quem está segurando a marca é só a cor.
Mostra o print para alguém que não conhece a sua casa e pergunta qual dos logos é o seu.

Se passou no 3, no 4 e no 5, ótimo: o problema, se existe, está em outro lugar (foto, capa, cardápio). Se travou no 3 ou no 4, o logo precisa de uma versão própria para o app.

Símbolo ou nome: o que vai no ícone

Marca bem resolvida tem mais de uma versão de logo (a principal, uma horizontal para fachada e uma reduzida para espaços pequenos), e isso é normal. O problema começa quando cada lugar inventa a sua, e o cliente vê um logo no iFood, outro no Instagram e outro na sacola.

Para o ícone do app, a versão certa costuma ser a reduzida. Ela pode ser:

Um símbolo, quando a marca tem um desenho forte o bastante para ser reconhecido sem o nome.
Uma inicial ou monograma, quando o nome é comprido e não tem símbolo.
O nome inteiro, quando ele é curto e a letra é grossa o bastante para ler pequeno.

Um exemplo fora da hamburgueria: no rebranding da Evo Print, o símbolo é um cubo desenhado sobre uma grade isométrica. É uma forma simples, que dá para reconhecer sem ler o nome, e por isso ela se sustenta sozinha em espaço pequeno.

Quando o nome é o próprio logo

Se a sua marca é só o nome, sem símbolo, dá para fazer funcionar no app. A letra precisa ser mais grossa que a do cardápio, com pouco espaço entre as letras e sem efeito (sombra, contorno, brilho). E o nome precisa caber no círculo sem ficar do tamanho de uma formiga. Nome de duas palavras longas quase sempre pede uma versão com a inicial.

O que tirar da versão do app

Slogan, "desde", "delivery", "artesanal", contorno fino, textura de madeira, sombra. Isso tudo continua valendo na fachada e no cardápio. Só fica de fora do ícone.

Cor que não se perde na tela

Vermelho funciona para hamburgueria, faz sentido usar. Só que, se os vizinhos da lista também são vermelhos, quem faz a sua casa aparecer é o contraste.

Três coisas que eu olho:

Figura e fundo. Símbolo claro em fundo escuro, ou o contrário. Dois tons parecidos (vermelho em cima de laranja, por exemplo) se misturam no tamanho pequeno.
Fundo do círculo. Eu prefiro mandar o logo do app com um fundo de cor chapado, da paleta da casa, em vez de fundo transparente. Assim ele não depende do fundo da tela e fica igual para todo mundo.
Fundo claro e fundo escuro. Testa o logo nos dois, porque ele vai aparecer nos dois: no app, no WhatsApp, no Instagram.

Se a paleta da casa só tem cores parecidas entre si, a paleta inteira precisa de uma cor de contraste, e aí a conversa já é de identidade visual.

Logo e foto de capa precisam conversar

Quando o cliente toca na sua loja, ele vê o logo e a foto de capa juntos. É a primeira impressão da casa dentro do app, e muita loja trata as duas coisas separado: logo vermelho, capa com foto escura de outra luz, outro clima.

O que ajuda:

Foto de lanche da casa, de verdade, com a luz e o jeito de fotografar que você usa no Instagram.
Cor da capa puxando a cor do logo. Um fundo, uma bandeja, um papel da embalagem: qualquer coisa da paleta na foto já amarra as duas peças.
Capa sem texto em cima. A capa pode ser recortada de um jeito no celular e de outro no computador, então frase escrita na foto corre o risco de sair cortada.

Sobre tamanho de arquivo: o iFood muda essas regras de tempos em tempos, então a referência certa é o que aparece no Portal do Parceiro na hora em que você for subir a imagem. É por lá também que se troca o logo e a foto de capa da loja.

Exemplo: o que eu fiz na proposta da Alho Burger

A Alho Burger é uma proposta de identidade que eu fiz para uma hamburgueria familiar do Rio Grande do Sul. O diferencial da casa era o pão de alho, e ele virou personagem: um mascote de alho com expressões.

O desafio era esse mesmo deste guia: fazer a casa se destacar numa tela de iFood cheia de opções parecidas. As decisões foram:

Mascote desenhado para dois tamanhos. Ele precisava funcionar pequeno, no ícone do app, e grande, na fachada, sem perder as expressões.
Versões com e sem a palavra "burger". A versão só com o mascote vai para o ícone. A versão com o nome entra onde tem espaço para ler, como o cardápio.
Um vermelho forte, contra o preto do mascote, pensado para chamar atenção no delivery, com uma paleta de apoio para cardápio e embalagem.
Duas letras, Gelica e Basic Sans, que aparecem no cardápio e nos posts. Assim a casa fala igual em todo lugar.

A frase da marca resume tudo em uma linha: "burger + alho = paixão". Ela não entra no ícone, mas cabe do copo à fachada.

Checklist antes de trocar o logo no app

A versão reduzida passou no teste do círculo pequeno, em cor e em preto e branco.
O arquivo está quadrado, no tamanho que o Portal do Parceiro pede, com fundo de cor da paleta.
A foto de capa foi trocada junto, com a mesma cor e o mesmo jeito de fotografar.
O mesmo logo vai para o Instagram, o WhatsApp, o perfil no Google, a sacola e o adesivo de delivery. Quem conheceu a casa pelo app precisa reconhecer a sacola na porta.
Se a mudança for grande, os clientes de sempre ficam sabendo antes: um post mostrando o logo novo ao lado do antigo evita que alguém pense que mudou de dono.
A troca não cai na semana mais corrida do ano. Fim de ano é pico de pedido; mudança de marca combina mais com janeiro.

Quando dá para resolver sozinho e quando chamar um designer

Se o seu logo passou no teste e o que faltava era um arquivo bem feito para o app, dá para resolver com um ajuste. Marca que já funciona ganha uma versão para o lugar novo e segue como está.

Agora, se o logo travou no teste, se cada canal mostra uma versão diferente ou se a casa vai abrir unidade nova, aí o problema é maior que o ícone. É o momento de olhar a marca inteira: as versões do logo, a paleta, as letras, o cardápio, a embalagem e um manual para a equipe usar sem depender de ninguém. É isso que eu faço na identidade visual para hamburgueria da Memoravel, de 2 a 6 semanas de produção, conforme o escopo.

Perguntas frequentes

Qual é o tamanho do logo para o iFood?

O iFood muda essa regra de tempos em tempos, então o tamanho certo é o que aparece no Portal do Parceiro na hora de subir o arquivo. Em geral, é uma imagem quadrada. Mais importante que o tamanho em pixels é o logo continuar legível pequeno.

Posso usar no iFood o mesmo logo da fachada?

Pode usar a mesma marca, mas quase sempre em outra versão. A fachada aceita o logo horizontal com o nome inteiro. No app, a versão reduzida (símbolo, inicial ou nome curto) funciona melhor, porque o espaço é muito menor.

Logo de hamburgueria precisa ter um hambúrguer desenhado?

Não precisa. Como muita casa usa o hambúrguer no logo, ele ajuda pouco a diferenciar, principalmente pequeno. Vale mais um símbolo que só a sua casa tem, como o mascote de alho da proposta da Alho Burger, que saiu do pão de alho da casa.

Como mudar o logo e a foto de capa no iFood?

Pelo Portal do Parceiro do iFood. Se a opção não aparecer para a sua loja, fale com o atendimento do iFood. Antes de subir, faça o teste do círculo pequeno com o logo novo e troque a capa junto, para as duas peças conversarem.

Trocar o logo no iFood faz perder cliente?

Depende do tamanho da mudança. Uma versão reduzida da mesma marca quase não muda nada para quem já pede. Se a mudança for grande, avise antes no Instagram e na sacola, mostrando o logo antigo ao lado do novo, e evite trocar no período mais corrido do ano.

Quanto tempo leva para fazer a identidade visual de uma hamburgueria?

Na Memoravel, de 2 a 6 semanas de produção, conforme o escopo, e uma semana a mais quando precisa de nome novo. As aprovações da casa correm por fora. Se tem data de inauguração, eu monto o cronograma em cima dela.

Quer que eu olhe a sua marca do lado de quem pede?

Me conta sobre a sua hamburgueria e o que está travando: o ícone que some no app ou a unidade nova chegando. Eu respondo pessoalmente, com escopo e prazo. Atendo o Brasil inteiro, tudo remoto.

Falar com a Memoravel · ou escreve para fala@memoravel.studio