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

Direção visual e frontend / 2026

ORIMAE

Uma apresentação digital sensorial para ORIMAE Nº 01, construída com narrativa visual, arte botânica e movimento guiado pelo scroll.

ORIMAE
J / O — Direção visual e frontend

Índice do case

01 — 04

Disciplina
Direção visual e frontend
Ano
2026
Status
Concluído
Registros visuais
04

Tecnologias

Next.jsReactTypeScriptGSAPMotionUI/UX

Traduzir sensações em interface

Como apresentar uma fragrância em um meio que não transmite cheiro? Em ORIMAE, a resposta não foi uma ficha de produto convencional, mas uma experiência de marca que usa imagem, tipografia e ritmo para construir atmosfera antes da explicação.

Seis capítulos, uma narrativa

Essence, Water, Air, Bloom, Depth e Signature organizam a exploração. A rolagem conduz cenas e transições; a navegação por capítulos permite escolher um ponto de entrada sem perder o fio da composição. As referências botânicas e a paleta violeta sustentam uma identidade visual coerente.

Movimento com intenção

O trabalho conecta desenvolvimento frontend e direção de arte: sequenciamento visual, interação baseada em scroll, legibilidade sobre cenas expressivas e refinamento de contraste e tipografia. O movimento não substitui o conteúdo; ele estrutura a descoberta.

Resultado apresentado

Uma experiência web independente que expõe o universo conceitual de ORIMAE Nº 01. Este case documenta o site e sua narrativa visual, sem atribuir resultados de venda ou funcionalidades de e-commerce que não fazem parte da entrega.

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