WRITING & DESIGN

Cherishing the origins of “writing” and “drawing,”
facing the craft of making things,
embodying an honest stance.

The corporate site for WRITING & DESIGN was created with the aim of embodying the very stance of two makers who face their craft honestly, with the meaning behind the company name as its axis. To convey not only the finished output but also the process of thought — words being born, taking shape, and settling while wavering — we adopted, rather than an information-organizing structure, an expression that seeps out as experience.

目次

About the Client

WRITING & DESIGN Inc. / WRITING & DESIGN PARTNERS Inc

  • Business

    WRITING & DESIGN Inc. / WRITING & DESIGN PARTNERS Inc. is a creative company founded by Takuma Takasaki and Kota Yahana.

  • Features

    While cherishing the origins of “writing” and “drawing,” the company carefully delves into the relationship between words and form, handling everything consistently from concept design to expression.

What the Project Aimed For

In organizing information for a production company’s corporate site, works and profiles are often simply lined up, so the wavering of thought this client cherishes — and its honest stance toward making things — does not come through fully. The process of production, and the time in which words and design go back and forth to take shape, is lost the more you carve it up as information. We saw the challenge there. To let people not just look at finished output but touch the very process by which thought arises, goes through trial and error, and settles — we aimed for a corporate site where the stance of WRITING & DESIGN seeps out, as an experience the viewer “feels” rather than “knows.”

Project Timeline

Duration: 4 months (April 2025 – August 2025)

Point 1 — A Website Rendering the Stance Toward Making Things as Visual Expression, Not Words

Concept Development

“A Film of Shadows” — a website inspired by the makers’ stance

Takuma Takasaki and Kota Yahana are creators who represent Japan. In producing the website for the new company the two of them founded, we focused on their characters and the way they face their work. Both are quiet, gentle people who earnestly engage in making things while facing themselves relentlessly. A straight gaze, words spoken softly, the figure absorbed in writing silently at a desk. They are makers who cherish the origins of “writing and drawing” while expanding their imagination without limit. What we attempted, in order to express that very stance toward making things, is “A Film of Shadows.” Furthermore, this “Film of Shadows” also expands the imagination of those who watch it. Somehow nostalgic, fragmentary scenes awaken emotions and scenes that lay dormant in the viewer’s heart, evoking images beyond what is actually projected. With “writing” and “drawing” at the center, we gave form to a structure in which imagination expands without limit, from maker to receiver.

With “writing” and “drawing” as the origin, we create an experience that expands the maker’s imagination — and even the receiver’s.

Point 2 — An Interactive Visual Experience: Writing = Letterpress, Design = Scenery (Shadow)

Content Design

A universal creative stance led by stillness

The stage of the website is a corner of a quiet room where sunlight filters through the trees. In a space as if someone were continuing to write silently at a desk, it depicts the small miraculous moments that visit there. On the site, with Writing = letterpress and Design = scenery (shadow), both derived from the company name, as the axes, we offer an interactive visual experience. In the Writing part, through an object modeled on letterpress, we express the way images that come to mind are born into the world as letters. Words are written out as if dancing, visualizing the sensation of thought riding a current. On the other hand, there are also scenes where letters are erased and rewritten; the repetition of writing and erasing symbolizes the continuous self-questioning in making things. At the same time as words are born, fragmentary images and flickers of light appear like shadows behind them, as scenery = Design. As if traveling while staying in the room, a free and warm world unfolds where, in imagination, you can go anywhere and anything can happen.

Point 3 — Photorealistic Komorebi Expression with WebGL

WebGL Implementation

Obsession and trial and error over the dappled sunlight

This site, which looks like monochrome live-action footage, is interactive content drawn entirely with WebGL. Rather than pre-rendered video prepared in advance, it achieves photorealistic CG expression through real-time rendering with WebGL. The trees that produce the dappled sunlight are generated with different parameters on each visit, holding nearly infinite variations. The expressions of light and shadow change in response to the user’s actions, and the same state is never repeated. We also developed a “selfie mode” as a mechanism for placing the viewer inside the visual world rather than outside the screen. By blurring the boundary between viewing and participation, it is designed so that the user’s presence is incorporated as a compositional element on screen.

Through an accumulation of meticulous shadows and fine post-effects, we aimed for a photorealistic image.
We generated the trees parametrically and implemented it so the scenery changes each time, like real dappled sunlight.
In selfie mode, viewers themselves can step inside the site.

Voices from the Makers

Okabe

I made this thinking only about the two of them, Takasaki-san and Yahana-san. It’s a site like a 100%-pure love letter.

Tai

Every day was an exciting encounter with new experiences. We made a site that takes you somewhere without your even moving your hands. Thank you for the wonderful opportunity.

クレジット

CLIENT: WRITING & DESIGN / WRITING & DESIGN PARTNERS
-
Creative Direction, Art Direction, Design: Jungho Im (mount inc.) / Planning, Art Direction, Technical Direction, Development: Kenji Okabe (mount inc.) / Design: Tai Tuong (mount inc.) / Produce: Ko Yoshida (mount inc.) / Project Management: Shoko Nakahashi (mount inc.) / Copy Writing: Takuma Takasaki (WRITING & DESIGN) / Translation: Lilia Silva (LATINA FORTIS) / Music: Takuji Aoyagi (Little Creatures)

タグ