コクヨ MOV KURAMAE 公式サイト
Work
人と人、人と街、仕事と暮らしを近づける、コクヨのシェアオフィス「MOV KURAMAE」。ノングリッドは、MOV KURAMAEの公式サイトをデザイン・実装しました。
コクヨが制作したMOV KURAMAEのロゴの背景にあるのは、人や街との関わりから自然に動きが生まれ、その土地らしさをまといながら広がっていくという「EN-MOVEMENT」の考え方です。ロゴでは、モノスペース（等幅書体）を使うことで、文字そのものの幅はそろえながら、文字の間に広がる余白の変化を際立たせています。
公式サイトでは、この文字と余白の関係をページ全体に展開しました。モノスペースの文字組みと統一したレイアウトで全体を整えながら、大胆に余白を取ることで、スクロールするにつれて視線が次の要素へと移っていくリズムをつくっています。
共通のフォーマットの中に、余白が生み出す動きがある。そんなデザインを通して、MOV KURAMAEのひらかれた雰囲気や、入居者同士の交流や街とのつながりが少しずつ育っていく場のあり方を伝えることを目指しました。
モノスペースと余白で、ページにリズムを
ロゴに使われているモノスペース（等幅書体）を、公式サイトの欧文見出しにも取り入れました。「プラン＆料金」や「共用エリア」など、内容の異なるセクションを共通のフォーマットで整えながら、見出しや写真のまわりには大胆に余白を取っています。スクロールするにつれて、視線が次の情報へと自然に移っていくレイアウトです。
弾む見出しに、「EN-MOVEMENT」のワクワクを
ページを読み進めると、見出しがぴょんと弾むように現れます。このモーションの出発点は、MOVのコンセプト「EN-MOVEMENT」から感じたワクワク感です。整ったレイアウトの中で、次のセクションに出会う瞬間に軽やかな動きを添えました。
カーソルを重ねると現れる「く」
ページ内の要素にカーソルを重ねると、蔵前の頭文字にちなんだ「く」の形が現れます。ロゴに由来するこのモチーフを、サイトを操作するなかで出会う小さな仕掛けに。ページを巡るうちに、MOV KURAMAEらしい形がふと目に留まるようにしました。
本プロジェクトでは、利用プランや共用スペースの情報をわかりやすく伝え、入居を考える方が自分に合った過ごし方を思い描けるようにしました。ゆとりのあるレイアウトや、読み進める途中でふと出会う軽やかな動きにも、MOV KURAMAEのひらかれた雰囲気を込めています。
このサイトを訪れた方が、蔵前の街で働き、ここで出会う人たちと少しずつ関係を育んでいく日々を思い描けること。そして、その想像がMOV KURAMAEに足を運ぶきっかけになれば幸いです。