BEYOND BY LEXUS Magazine
- Client
- Toyota Motor Corporation
- Role
- Design, Development
- Date
- Oct 2013


- Overview
-
Presenting the luxury of LEXUS as a unique experience.
LEXUSのラグジュアリーを独自の体験で表現する。
Presenting the luxury of LEXUS as a unique experience.
LEXUSのラグジュアリーを独自の体験で表現する。
「AMAZING IN MOTION」というスローガンのもと、LEXUSは「期待を超えた驚きと、その先にある感動」を、自動車領域にとどまらず様々な領域で表現し続けています。その活動の一環として発行された、旅・建築・アート等の幅広い情報を網羅したライフスタイル提案型マガジン「BEYOND BY LEXUS」のグローバルサイトのディレクション、デザイン、開発を担当しました。パララックスなどのスクロールに応じたトランジションや、3Dを積極的に取り入れた表現によって、誌面では成し得ないWebならではのリッチな体験を様々な演出を駆使して実現しました。

- Insight
-
What we sought was the beauty and sustainability of LEXUS.
求めたのは、LEXUSの持つ美しさとサステナビリティ。
What we sought was the beauty and sustainability of LEXUS.
求めたのは、LEXUSの持つ美しさとサステナビリティ。
雑誌「BEYOND BY LEXUS」で掲載しているコンテンツを毎月複数コンテンツずつ公開していく上で、各コンテンツにユニークかつリッチな演出を実装し、「BEYOND BY LEXUS」の世界観をより多面的に、かつ魅力的に発信していくことを心掛けました。その上でLEXUS本体が魅力的に映えるような構成・デザインに落とし込んでいます。また、サイトを訪れたユーザーが複数のコンテンツや、グローバルサイト内の別ページを回遊するように導線を設計しています。



- Idea
-
Surprise beyond expectations with design, animation and combination.
デザイン、アニメーション、コンビネーションで期待以上のサプライズを。
Surprise beyond expectations with design, animation and combination.
デザイン、アニメーション、コンビネーションで期待以上のサプライズを。
各コンテンツごとに写真を活かしたレイアウトと、スクロールで動くアニメーションを組み合わせることで、LEXUSのコンセプトである「AMAZING IN MOTION」を表現しました。アニメーションはデザイン検討段階からデベロッパーとアイデアを擦り合わせていくことで、各ページの細部までクオリティの高いユーザー体験を目指しています。LEXUSが提供する「期待を超えた驚きと、その先にある感動」をサイトの演出でも表現しています。
「BEYOND BY LEXUS」では様々な内容を取り扱った記事がありますが、各記事の内容に沿ったアニメーションを用いることで、記事の世界観を豊かに表現したコンテンツとして仕上げています。記事一覧ページでは、タグや記事のソートが可能です。モバイル版はコンポーネント化したシンプルなレイアウトとタイポグラフィによって構成し、読みやすさを第一に追求しました。



Awarded
- FWA of the Day — FWA
- Site of the Day — Awwwards
- FWA of the Day — FWA
- Website of the Day — CSSDA
- FWA of the Day — FWA
Project team
- Takuma Kato
- CEO / Producer
- Wongeun Heo
- Senior Interactive Designer
- Junichi Nishiyama
- Senior Interactive Designer
- Hiroaki Yasutomo
- CTO / Technical Director
- Masaya Yamamoto
- Director
- Shoko Takayama
- Director
- Noboru Oikawa
- ArtDirector / Director
- Keitaro Suzuki
- Designer
- Takeru Suzuki
- Programmer
- Tomohisa Funahashi (COPILOT Inc.)
- Producer
- COPILOT Inc.
- Partner
- TONARI Co.Ltd
- Partner