01 — Creative studio / Japan

INDIVIDUALITYCONNECTS.

Nature to Studio.

Scroll ↓
NATURETOSTUDIO.

個性をつなぎ、
多様性をかたちに。

自然の中では、異なる生きものがそれぞれの個性を持ちながら、群れや環境の中でつながっています。私たちは一人ひとりの想いと事業の輪郭を見つけ、固有のWebデザインへ編み直します。

LOOK CLOSER.
DESIGN DEEPER.

見つめることから、
デザインは始まる。

Nature is not our style.
It is our way of seeing.

自然は、デザインのテイストではありません。
私たちの、ものを見る方法です。

離れているものが、
関係によって
ひとつの構造になる。

天の川と無数の星が広がる夜空
Observation material / Night sky

一つひとつは離れて存在していても、距離や配置によって、全体としてひとつの像が立ち上がる。

Design thinking

デザインの考え方

  1. 距離でまとまりをつくる

    枠で囲わなくても、距離と余白によって同じ情報のまとまりをつくる。

  2. つながりを可視化する

    点と点の関係から、Navigationや情報構造を設計する。

  3. 余白を構造として使う

    何も置かない空間も、情報同士の関係をつくる要素として扱う。

Design study / Concept layout

WEB TRANSLATION

A / HEROCONNECT
THE SPACE.
B / ABOUTABOUT

C / WORKS01

02

03

DISTANCECONNECTIONSPACE
Live concept / Nail salon
KĀHUI
NAIL.
SELF-INITIATED VIEW CONCEPT →

形には、
理由がある。

細長い捕虫袋と葉が重なるウツボカズラ
Observation material / Form & function

曲線、開口部、細長い輪郭。生きものの形は、装飾ではなく、機能や環境との関係から生まれている。

Design thinking

デザインの考え方

  1. 比率に意味を持たせる

    情報の役割に合わせ、縦横比と大きさに明確な差をつくる。

  2. 機能から形を考える

    見た目を真似るのではなく、目的からUIの形を導き出す。

  3. 反復の中に差異を残す

    同じ構造を繰り返しながら、内容に応じた個別性を残す。

Design study / Concept layout

WEB TRANSLATION

A / HEROFORM
FOLLOWS
REASON.

B / IMAGE + TYPECURVE

C / WORKSRATIO / 03
FORM / PROPORTION / FUNCTION
Live concept / Coffee shop
KĀHUI
COFFEE.
SELF-INITIATED VIEW CONCEPT →

異なる個体が、
同じ方向をつくる。

雪山を背景に同じ方向へ飛ぶ鳥の群れ
Observation material / Flock in motion

一羽ずつ位置も距離も異なる。それでも、動きが重なり、群れとしてひとつの流れが生まれる。

Design thinking

デザインの考え方

  1. 動きのある構成

    位置とスケールの差から、静止した画面にも進行感をつくる。

  2. 方向によって視線を導く

    要素の向きと並びを使い、次に見る場所を自然に示す。

  3. 揃えすぎず、流れをつくる

    間隔に揺らぎを残しながら、全体ではひとつの方向をつくる。

Design study / Concept layout

WEB TRANSLATION

A / HEROMOVE
WITH
INTENT.
B / NAVIGATION010203
C / EDITORIAL01

02

DIRECTIONINTERVALFLOW
Live concept / Bird observation event
KĀHUI
BIRD WALK.
SELF-INITIATED VIEW CONCEPT →

ONE DIRECTION.
MANY VOICES.

同じにするのではなく、
異なるまま、ひとつの方向へ。

  1. 01

    OBSERVE

    まだ言葉になっていない個性を見つける。

  2. 02

    CONNECT

    想い、目的、体験をひとつの流れへ。

  3. 03

    FORM

    固有の輪郭を、Webという環境にする。

Explore our menu