O desafio
Quem abre o iFood está com fome e com pressa, quase sempre no celular. A página precisava levar direto à busca, mostrar que o app vai além da comida e abrir caminho para quem quer vender, entregar ou trabalhar lá.
iFood
UI/UX & Web2022
As telas rolam sozinhas: role ou toque para navegar
Ver site ao vivoSobre o projeto
Uma landing do iFood pensada primeiro para o celular: da fome ao pedido em poucos toques.
O iFood é o maior app de delivery do Brasil e vai muito além da comida: mercado, farmácia, pet e bebidas, além dos sites para restaurantes parceiros, entregadores, carreiras e benefícios para empresas.
Criamos este projeto em 2022 e o atualizamos para entrar nesta nova versão do portfólio. A landing ganhou um design system próprio: o vermelho da marca com creme, uma cor para cada categoria, a fonte Bricolage Grotesque nos títulos e animações com GSAP.
Projeto criado em 2022. Para entrar nesta nova versão do portfólio, ele foi atualizado com o design, as animações e as interações de hoje, por isso não é idêntico à versão original. Lojas, preços, avaliações e prazos mostrados na landing são fictícios; os links levam aos sites oficiais do iFood.
A solução
Busca logo no topo, um pedido acompanhado ao vivo, categorias com foto, uma roleta para quem não sabe o que pedir, a rota do entregador desenhada com a rolagem e uma barra de atalhos no polegar, como no app.
O que o projeto resolve
Feito para o polegar
Tudo começa no celular: busca com sugestões, categorias que deslizam e uma barra inferior com Início, Busca, Pedidos e Perfil.
Uma cor por categoria
Restaurantes em vermelho, mercado em verde, farmácia em azul e pet em laranja: dá para saber onde se está só pela cor.
Movimento com propósito
A palavra do título troca entre almoço, mercado, remédio e ração; a rota se desenha enquanto você rola; a roleta escolhe o pedido.
Paleta
- Vermelho iFood#EA1D2C
- Vermelho profundo#B8101D
- Creme#FFF6EE
- Tinta#1A0F0F
- Mercado#2BA84A
- Farmácia#2F6BFF
- Pet#FF8A00
Em números
4portas para os sites oficiais: parceiros, entregadores, carreiras e benefícios
7categorias com foto e cor própria, de restaurantes a café
3painéis que funcionam de verdade: sacola, endereço e busca