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 044Leitura digital e descoberta

Infinitoon

Uma plataforma de leitura que conecta a descoberta de quadrinhos, a navegação pelo catálogo, as informações das obras e as comunidades de leitores.

Meu papel
Design de UX/UI
Status do projeto
Design de produto · plataforma pública
Uma pilha de livros em 3D com capas do catálogo.
Um objeto em 3D feito para este mural, com capas do catálogo.

01

Minha contribuição

A Infinitoon reúne interesses de leitura diferentes em um só lugar. Meu trabalho de UX/UI está na experiência da plataforma: como alguém descobre uma obra, entende o que ela oferece e encontra um caminho até a leitura.

A plataforma pública combina uma abertura guiada pela descoberta, coleções do catálogo, busca, detalhes das obras e clubes de leitura. Essas partes dão ao case um caminho concreto para seguir, do convite amplo a uma história específica.

Gravado com o site no ar: do título em destaque à página de uma obra e seus capítulos. A leitura em si exige login e não aparece aqui. As artes dos livros pertencem aos autores e à editora.

02

Oferecer mais de uma porta de entrada

Alguns leitores chegam procurando uma obra específica; outros precisam de um motivo para explorar. A busca atende ao primeiro caminho, e a abertura e o catálogo agrupado dão ao segundo um ponto de partida visível.

As capas carregam boa parte do reconhecimento. Repetir o mesmo tratamento em cada obra organiza essa variedade em coleções navegáveis e ajuda as pessoas a passar por histórias diferentes sem aprender uma interface nova para cada uma.

Infinitoon: história em destaque e livros populares.
A página de descoberta real, como está publicada, capturada no viewport inicial.

03

Dar à obra um contexto próprio

A página de detalhes transforma um item do catálogo em uma decisão de leitura. Ela põe a obra em foco antes de a pessoa seguir, e a descoberta continua conectada à próxima ação.

O catálogo mais amplo também inclui quadrinhos educativos. A plataforma precisa acomodar essas finalidades de leitura diferentes em uma estrutura de navegação reconhecível. O trabalho apresentado aqui é a interface; os quadrinhos e seus autores mantêm as próprias identidades.

Página de descoberta da Infinitoon com histórias em destaque e um catálogo de livros.
Interface de descoberta publicada da Infinitoon. As artes dos livros pertencem aos respectivos autores e à editora.

04

Conectar a descoberta a uma comunidade de leitura

Os clubes de leitura são outra porta de entrada para a plataforma, ao lado da exploração individual do catálogo. Eles colocam o contexto social da leitura junto da própria coleção.

O case acompanha as telas públicas visíveis e o trabalho de design de produto arquivado. O foco está na organização e na interação dessas telas, sem atribuir a um único designer toda a implementação da plataforma atual ou o catálogo editorial.

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

Canal 44 Leitura digital e descoberta

Infinitoon

Uma plataforma de leitura que conecta a descoberta de quadrinhos, a navegação pelo catálogo, as informações das obras e as comunidades de leitores.

Meu papel
Design de UX/UI
Status do projeto
Design de produto · plataforma pública
Uma pilha de livros em 3D com capas do catálogo.
Um objeto em 3D feito para este mural, com capas do catálogo.

Ajudar a próxima história a encontrar seu leitor

Navegação gravada pelo catálogo no ar. As artes dos livros pertencem aos autores e à editora.

Minha contribuição

A Infinitoon reúne interesses de leitura diferentes em um só lugar. Meu trabalho de UX/UI está na experiência da plataforma: como alguém descobre uma obra, entende o que ela oferece e encontra um caminho até a leitura.

A plataforma pública combina uma abertura guiada pela descoberta, coleções do catálogo, busca, detalhes das obras e clubes de leitura. Essas partes dão ao case um caminho concreto para seguir, do convite amplo a uma história específica.

Gravado com o site no ar: do título em destaque à página de uma obra e seus capítulos. A leitura em si exige login e não aparece aqui. As artes dos livros pertencem aos autores e à editora.

Oferecer mais de uma porta de entrada

Alguns leitores chegam procurando uma obra específica; outros precisam de um motivo para explorar. A busca atende ao primeiro caminho, e a abertura e o catálogo agrupado dão ao segundo um ponto de partida visível.

As capas carregam boa parte do reconhecimento. Repetir o mesmo tratamento em cada obra organiza essa variedade em coleções navegáveis e ajuda as pessoas a passar por histórias diferentes sem aprender uma interface nova para cada uma.

Infinitoon: história em destaque e livros populares.
A página de descoberta real, como está publicada, capturada no viewport inicial.

Dar à obra um contexto próprio

A página de detalhes transforma um item do catálogo em uma decisão de leitura. Ela põe a obra em foco antes de a pessoa seguir, e a descoberta continua conectada à próxima ação.

O catálogo mais amplo também inclui quadrinhos educativos. A plataforma precisa acomodar essas finalidades de leitura diferentes em uma estrutura de navegação reconhecível. O trabalho apresentado aqui é a interface; os quadrinhos e seus autores mantêm as próprias identidades.

Página de descoberta da Infinitoon com histórias em destaque e um catálogo de livros.
Interface de descoberta publicada da Infinitoon. As artes dos livros pertencem aos respectivos autores e à editora.

Conectar a descoberta a uma comunidade de leitura

Os clubes de leitura são outra porta de entrada para a plataforma, ao lado da exploração individual do catálogo. Eles colocam o contexto social da leitura junto da própria coleção.

O case acompanha as telas públicas visíveis e o trabalho de design de produto arquivado. O foco está na organização e na interação dessas telas, sem atribuir a um único designer toda a implementação da plataforma atual ou o catálogo editorial.