HOW THIS WEBSITE WAS BUILT

How one life became
one continuous screen.

This is the design record behind the finished pages: how research, education, media work and creative practice were shaped into one human journey.

ROLEPlanning, editing and implementation
CORE MATERIALA 3D model based on my room
DELIVERYJapanese and English / desktop and mobile

01

Before listing titles,
find what connects them.

Pharmaceutical sciences at the University of Tokyo, boxer crab research, professional tutoring, media appearances and AIconication can read like an isolated list. The site instead begins with the method they share: asking a question, testing it in practice and refining the result until another person can understand it.

Research, education, service and creative practice are presented as different expressions of that same approach.

02

The first five seconds
begin in a real space.

The opening uses a 3D model based on my own room. Books, tools, clothing and work coexist in the space, making it a more honest introduction than a generic digital background.

The model is not there for spectacle alone. Its camera now opens on the full room and moves to my name and three working fields after a shorter scroll.

Ryosuke Yamada's room, used as the source of the 3D opening
THE ROOM AS A SOURCE

03

Trust comes from
facts a visitor can verify.

Media work is presented through programme names, publication names, real photographs and their original destinations. Research is shown through the question and progression of the work, not only its results.

The aim is to let visitors understand what has actually been done, rather than simply giving an impression of authority.

Ryosuke Yamada appearing in media
VERIFIABLE RECORD

04

Each chapter has
its own reading speed.

News opens with the strongest appearances. AIconication uses the real current first view of its official website. Research pairs questions with evidence; the profile follows time; honours become a fast editorial index.

Cards and fades are not repeated mechanically: rules, masks, type changes and entry directions shift with the content and create a varied reading rhythm.

ONE CONTINUOUS JOURNEY

05

The English edition is
re-edited, not mechanically translated.

English changes line length, context and what must be explained. Headlines, sequence and proper nouns are adjusted so the English site carries the same density and character as the Japanese edition.

Desktop and mobile are treated in the same way: the layout is checked as a distinct experience, not as a scaled copy.

06

Publishing is where
the next update begins.

As the work changes, the order of the story changes. The site must keep making clear what I am doing now and what someone can ask me to do.

Local and live, desktop and mobile, Japanese and English are checked separately, then refined from the actual result.