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 049Design de web app e dashboard

Certify

Uma página de detalhes para badges digitais e certificados, com componentes reutilizáveis para desktop e mobile.

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

01

Minha contribuição

Certify é um projeto pequeno: desenhei uma página de detalhes de credencial para a web, um menu mobile e um conjunto de componentes reutilizáveis de badge e certificado.

Laptop com a página de um badge digital, sobre um círculo azul.
A capa de apresentação.
Laptop aberto sobre azul, com o logotipo Certify.
A página do badge em um mockup.

02

Primeiro a credencial, a prova ao lado

A página abre com o badge em tamanho grande, sobre um fundo limpo, e miniaturas para alternar entre o badge e o certificado. Datas, titular e as ações Embed, Contact Issuer e Download vêm logo abaixo.

A coluna da direita reúne o que dá respaldo à credencial: botões de compartilhamento, um QR code com Verify Credential e mais informações sobre o emissor.

Medalha digital laranja com o nome Certify.
O componente da medalha digital.
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