Pular para o conteúdo

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUTO / DESIGN

Engenharia, direção e ofício digital em um único sistema contínuo.

ISSUE / 01

Arquivo de projetos

02 / Case study

Interfaces experimentais / 2026

The Internet Field Guide

Um guia de campo da cultura digital onde comportamentos da internet se transformam em criaturas ilustradas e interativas.

The Internet Field Guide
J / O — Interfaces experimentais

Índice do case

01 — 04

Disciplina
Interfaces experimentais
Ano
2026
Status
Concluído
Registros visuais
04

Tecnologias

ReactTypeScriptInteractive illustrationMotionUX/UI

Quando a metáfora vira interação

Rolagem infinita, notificações e algoritmos são tratados como espécies de um ecossistema. O projeto explora a linguagem dos guias naturalistas para transformar hábitos digitais em personagens com habitat, comportamento e pequenas surpresas de interface.

O desafio

Não bastava criar um catálogo visual. Para que a ideia funcionasse, observar precisava ser uma ação significativa. As criaturas reagem à presença e às escolhas do visitante, enquanto o tempo e a atenção passam a fazer parte da experiência.

Uma interface que se desenha

As ilustrações usam o motor AniDoodle, de Alex Greensh, integrado a uma narrativa e estrutura de interação próprias. A experiência combina pranchas, estados animados, controles de pausa, uma área de observação e um diário de descobertas armazenado localmente no dispositivo.

Por que este projeto importa

O case demonstra prototipação criativa, composição de sistemas interativos e cuidado com o ritmo da experiência. Não há afirmação de sincronização em nuvem: o diário pertence ao navegador do visitante.

04 / Evidências visuais

04 ITEMS

O trabalho, em contexto.

Telas, motion e artefatos de apoio que mostram como o sistema se comporta para além de uma capa estática.

Projetos selecionados / arquivo

END / CASE

Um case é só um capítulo.

Volte ao arquivo para conhecer outras interfaces, produtos e experimentos construídos com a mesma atenção a produto, direção visual e engenharia frontend.

Ver todos os projetos