Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 027Design de app mobile

Needrr

Telas mobile para um marketplace de serviços freelance, em que a Home abre com uma única pergunta e um campo de busca. Abaixo, a página explica o serviço e leva às categorias.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Capa de apresentação do Needrr, do arquivo de design original.
Capa de apresentação do arquivo original.

01

Minha contribuição

O Needrr é um marketplace de serviços freelance. Desenhei telas mobile para a Home e as páginas de subcategoria, e o arquivo também guarda um teste de cor da mesma Home.

Uma rolagem pelo design: a Home, da busca aos serviços populares. Gravação do protótipo no Figma. A Home, depois uma página de categoria e seus serviços. Uma rolagem pelo design: uma página de categoria e sua lista de serviços.

02

Uma pergunta, uma busca

O hero pergunta “Need to get the job done?” sobre uma foto escura, com “job done?” na cor de destaque. Logo depois vêm um campo de busca com um exemplo de pesquisa e um botão Find a Needrr de largura total, então a primeira ação fica clara antes de qualquer rolagem. “What is Needrr?” fica a um toque para quem prefere ver a explicação antes.

03

Testando a cor de destaque

As telas combinam preto e branco com um destaque azul. Uma página separada do arquivo, Color test, mostra a mesma Home em roxo, nas palavras destacadas, no botão e nos links das seções.

000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos