Drag to explore. Scroll or pinch to zoom. Open Help for keyboard controls.

Yan
OPEN
TO WORK
Let’s talk
Yan Fontão Boring view
All work

Case 044Digital reading and discovery

Infinitoon

A reading platform that connects comic discovery, catalog browsing, title information and reading communities.

Contribution
UX/UI design
Project status
Product design · public platform
A 3D stack of books with covers from the catalog.
A 3D object made for this board, with covers from the catalog.

01

My contribution

Infinitoon brings different reading interests into a single destination. My UX/UI work belongs to the platform experience: how someone discovers a title, understands what it offers and finds a route into reading.

The public platform combines a discovery-led opening, catalog collections, search, title detail and reading clubs. These surfaces give the case a concrete journey to follow, from a broad invitation to a particular story.

Recorded on the live site: from the featured title to a work page and its chapters. Reading itself sits behind login and is not shown. Book artwork belongs to its authors and publisher.

02

Offer more than one way in

Some readers arrive looking for a specific title; others need a reason to explore. Search supports the first route, while the opening and grouped catalog give the second route a visible starting point.

Cover art carries much of the recognition. Repeated title treatments organise that variety into browsable collections, helping people move through different stories without learning a new interface for each one.

Infinitoon: featured story and popular books.
Actual published discovery page, captured at its initial viewport.

03

Give the title its own context

The title-detail surface turns a catalog item into a reading decision. It brings the work into focus before the person continues, keeping discovery and the next action connected.

The wider catalog also includes educational comics. The platform has to accommodate these different reading purposes within a recognisable navigation structure. The interface is the work presented here; the comics and their authors retain their own identities.

Infinitoon discovery page with featured stories and a book catalog.
Published Infinitoon discovery interface. Book artwork belongs to the respective authors and publisher.

04

Connect discovery to a reading community

Reading clubs provide another route into the platform alongside individual catalog exploration. They put the social context of reading next to the collection itself.

The case follows the visible public surfaces and the archived product-design work. It focuses on their organisation and interaction, without assigning the current platform’s entire implementation or publishing catalog to a single designer.

000

Instructions

Yan Fontão
Tap
Open a screen
Click
Open a screen
Drag
Look around the board
Wheel
Mouse zooms, trackpad moves, pinch zooms
− +
Pull back to see the whole board, or come closer
Arrows
In a case: ↑↓ change case, ←→ change media. On the board: move
Space
Open, or go back
Enter
Open
Esc Backspace
Back
Home
Back to the center, then the introduction
PgUp PgDn
Previous or next channel
Tab
Walk projects and links
R
Random project
0–9
Type a channel, 1–61
?
This page
Shortcuts

Music on the board

Files compressed and levelled for the web.

OPEN
TO WORK
Let’s talk

New message to Yan

Tell me who you are and I’ll get back to you.

000

About Yan

Hello, I’m Yan

Product Designer/ Design Engineer

Most products lose something between design and code. Mine don’t: I research the problem, design the product and ship the interface myself, so what you approve is exactly what your users get.

  • 2018started in software
  • UI + codedesign and implementation

Worked with Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brazil · Remote, hybrid or on-site

Portrait of Yan Fontão seated, in a green sweater and glasses, holding a microphone.
OPEN
TO WORK
Let’s talk
OPEN
TO WORK
Let’s talk
000

locked channel

Under NDA

Enter the code

Ask Yan for the code ↗
OPEN
TO WORK
Let’s talk
YAN FONTÃO Case studies

Channel 44 Digital reading and discovery

Infinitoon

A reading platform that connects comic discovery, catalog browsing, title information and reading communities.

Contribution
UX/UI design
Project status
Product design · public platform
A 3D stack of books with covers from the catalog.
A 3D object made for this board, with covers from the catalog.

Help the next story find its reader

Recorded navigation through the live catalog. Book artwork belongs to its authors and publisher.

My contribution

Infinitoon brings different reading interests into a single destination. My UX/UI work belongs to the platform experience: how someone discovers a title, understands what it offers and finds a route into reading.

The public platform combines a discovery-led opening, catalog collections, search, title detail and reading clubs. These surfaces give the case a concrete journey to follow, from a broad invitation to a particular story.

Recorded on the live site: from the featured title to a work page and its chapters. Reading itself sits behind login and is not shown. Book artwork belongs to its authors and publisher.

Offer more than one way in

Some readers arrive looking for a specific title; others need a reason to explore. Search supports the first route, while the opening and grouped catalog give the second route a visible starting point.

Cover art carries much of the recognition. Repeated title treatments organise that variety into browsable collections, helping people move through different stories without learning a new interface for each one.

Infinitoon: featured story and popular books.
Actual published discovery page, captured at its initial viewport.

Give the title its own context

The title-detail surface turns a catalog item into a reading decision. It brings the work into focus before the person continues, keeping discovery and the next action connected.

The wider catalog also includes educational comics. The platform has to accommodate these different reading purposes within a recognisable navigation structure. The interface is the work presented here; the comics and their authors retain their own identities.

Infinitoon discovery page with featured stories and a book catalog.
Published Infinitoon discovery interface. Book artwork belongs to the respective authors and publisher.

Connect discovery to a reading community

Reading clubs provide another route into the platform alongside individual catalog exploration. They put the social context of reading next to the collection itself.

The case follows the visible public surfaces and the archived product-design work. It focuses on their organisation and interaction, without assigning the current platform’s entire implementation or publishing catalog to a single designer.