WEB DESIGN & DEVELOPMENT STUDIOホームページ制作・Webデザイン / JAPAN

INDIVIDUALITYCONNECTS.

Nature to Studio.

Scroll ↓
Opening projectsFirst 10 projects only.View details →
NATURETOSTUDIO.

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

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

LOOK CLOSER.
DESIGN DEEPER.

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

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

自然をモチーフとして使うことが、私たちのスタイルではありません。自然を観察するように、人、店、事業、活動を見る。そこにしかない特徴を見つけ、Webへ翻訳します。

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

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

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

Design thinking

デザインの考え方

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

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

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

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

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

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

Design study / Concept layout

デザイン原理

A / HEROCONNECT
THE SPACE.
B / ABOUTABOUT

C / WORKS01

02

03

DISTANCECONNECTIONSPACE
CONCEPT WEBSITE作成イメージ観察から抽出した要素を、実際のWebデザインへ翻訳したイメージです。
KĀHUI
NAIL.
SELF-INITIATED VIEW CONCEPT →

形には、
理由がある。

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

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

Design thinking

デザインの考え方

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

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

  2. 機能から形を考える

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

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

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

Design study / Concept layout

デザイン原理

A / HEROFORM
FOLLOWS
REASON.

B / IMAGE + TYPECURVE

C / WORKSRATIO / 03
FORM / PROPORTION / FUNCTION
CONCEPT WEBSITE作成イメージ観察から抽出した要素を、実際のWebデザインへ翻訳したイメージです。
KĀHUI
COFFEE.
SELF-INITIATED VIEW CONCEPT →

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

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

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

Design thinking

デザインの考え方

  1. 動きのある構成

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

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

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

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

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

Design study / Concept layout

デザイン原理

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

02

DIRECTIONINTERVALFLOW
CONCEPT WEBSITE作成イメージ観察から抽出した要素を、実際のWebデザインへ翻訳したイメージです。
KĀHUI
FIELD NOTE.
SELF-INITIATED VIEW CONCEPT →

OBSERVE FROM
DIFFERENT ANGLES.

異なる視点から対象を観察する、二人のWeb Design Studio。
見方を重ね、その人や事業に合う一つのWebへ翻訳します。

View who we are

ONE DIRECTION.
MANY VOICES.

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

  1. 01

    OBSERVE

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

  2. 02

    CONNECT

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

  3. 03

    FORM

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

Explore our menu