Skip to content

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUCT / DESIGN

Engineering, direction and digital craft in one continuous system.

ISSUE / 01

Project archive

02 / Case study

Art direction and frontend / 2026

ORIMAE

A sensory digital presentation for ORIMAE Nº 01, built around visual storytelling, botanical art and scroll-driven movement.

ORIMAE
J / O — Art direction and frontend

Case index

01 — 04

Discipline
Art direction and frontend
Year
2026
Status
Completed
Visual records
04

Technologies

Next.jsReactTypeScriptGSAPMotionUI/UX

Translating sensation into interface

How do you present a fragrance through a medium that cannot convey scent? ORIMAE moves away from a conventional product sheet, using imagery, typography and pacing to create atmosphere before explanation.

Six chapters, one narrative

Essence, Water, Air, Bloom, Depth and Signature shape the experience. Scrolling drives scenes and transitions, while chapter navigation lets visitors choose where to enter without losing continuity. Botanical references and a violet palette carry the identity across the journey.

Motion with purpose

This work connects frontend development and art direction: visual sequencing, scroll-based interaction, readability over expressive scenes and refinement of contrast and typography. Motion does not replace content; it structures discovery.

What was delivered

An independent web experience presenting the conceptual universe of ORIMAE Nº 01. This case covers the website and its visual narrative, without implying sales outcomes or e-commerce features that were not part of the work.

04 / Visual evidence

04 ITEMS

The work, in context.

Screens, motion and supporting artifacts that show how the system behaves beyond a static cover.

Selected work / archive

END / CASE

One case is only one chapter.

Return to the archive to see other interfaces, products and experiments built with the same attention to product, visual direction and frontend engineering.

View all projects