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

Narrative experience / 2026

Tsukihara

An immersive website introducing the world of Tsukihara through storytelling, layered scenes, motion and exploration.

Tsukihara
J / O — Narrative experience

Case index

01 — 04

Discipline
Narrative experience
Year
2026
Status
Completed
Visual records
03

Technologies

Next.jsReactTypeScriptGSAPParallaxi18n

A world before the first chapter

Tsukihara imagines a realm where the Mother Moon begins to forget. The website acts as an entry point to this fictional world: it does not depend on a released game to create an initial experience of characters, places and atmosphere.

Immersion without losing direction

The challenge was to combine substantial worldbuilding with cinematic art direction without turning navigation into a maze. Scroll-led storytelling guides discovery, while layered scenes, transitions and parallax provide depth between chapters.

Exploration and meaningful choice

Beyond the editorial journey, visitors can discover realms, characters, a bestiary and archives. The experience supports entering with or without audio, as well as Portuguese and English content. Motion supports the story without taking over reading.

Scope of the work

This case covers visual direction, interfaces, scroll-led narrative and frontend engineering for the promotional website. It does not represent the development or release of a complete game.

04 / Visual evidence

03 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