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

Plataforma Web / 2026

PING

Um messenger autoral que reúne presença em tempo real, conversas, chamadas e comunidades em uma experiência centrada em pessoas.

PING
J / O — Plataforma Web

Índice do case

01 — 04

Disciplina
Plataforma Web
Ano
2026
Status
Em andamento
Registros visuais
10

Tecnologias

Next.jsReactTypeScriptSupabasePrismaLiveKitElectron

O problema não era apenas conversar

O PING nasceu da vontade de recuperar a proximidade dos mensageiros clássicos sem reproduzir suas limitações. Em muitas plataformas atuais, canais e recursos aparecem antes das pessoas. O produto inverte essa hierarquia: primeiro vem a presença, depois a interação.

Da intenção ao sistema

Desenhei a experiência e desenvolvi o front-end de um ambiente com contatos, estados de disponibilidade, conversas e Espaços. A aplicação articula fluxos de áudio e vídeo, compartilhamento de tela e continuidade da sessão entre dispositivos. O objetivo é fazer sistemas tecnicamente complexos parecerem simples na rotina de quem usa.

Decisões de engenharia

O trabalho envolve arquitetura de estados para chamadas, tratamento de reconexão, sincronização de interfaces em tempo real e segurança das comunicações. Há também um cliente desktop em Electron, pensado como parte da experiência, não como uma janela genérica do navegador.

O que o case demonstra

Produto autoral em evolução, no qual direção de interface, engenharia frontend, decisões de arquitetura e iteração sobre problemas reais de uso são desenvolvidas em conjunto. A imagem documenta a apresentação pública do produto, e não uma sessão autenticada.

04 / Evidências visuais

10 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