ONE COATING



ONE COATINGは、「機能を自由にプラスする 独自のコーティング・テクノロジーで、 ヒトも、モノも、地球も笑顔にする。」という思想のもと、株式会社1Lineが提供しているサービスです。そのサービスのアイデンティティと、アイテムや素材ごとに付加できる機能をシミュレーションすることができるウェブサイトのUX設計からクリエイティブに至るまでデザインで向き合いました。







ファーストビューでは、ユーザーが直感的にコーティングの機能を理解できるようにシャボン玉のような有機的なスフィアを表現の記号として、その中に施工対象となるアイテムを入れ替えることができるUXを設計しました。これより、ONE COATINGが「さまざまなモノに対して、最適な施工方法と効果を後から追加できるサービス」であることを表現しています。





また、ファーストビューで象徴的に登場したスフィアは、スクロールにあわせて追随し、最終的には地球を包み込むようにアニメーションが展開します。この演出は、ONE COATINGを提供する株式会社1Lineが掲げるサステナブルポリシー「人も、モノも、地球も、笑顔にする」という理念を視覚的に表現したものです。







シミュレーションページでは、ユーザーが施工対象物と追加可能な効果を直感的に把握できるよう、共通のフォーマットを用いて、結果までの流れを設計しています(※マーブルを除く)。結果ページでは、各効果をクリックすることで詳細な内容を確認でき、さらにその内容をPDF形式でまとめてダウンロードすることも可能です。またビジネスユーザー向けには、結果ページ全体を画像として保存できる仕様とし、そのまま営業資料としても活用できるように設計しています。





ONE COATINGは家具やファッション、スニーカー、デバイス、大理石など、さまざまな対象物に対して最適な施工方法と効果を後から追加できるコーティングサービスです。施工対象は多岐にわたり、それぞれに適した内容が異なるため、高い専門性が求められ、これまで販売現場で十分に説明できるスタッフが限られていましたが、このサイトを活用することでユーザーがサービス内容を確認できるようになるほか、それぞれのアイテムの販売員も現場でサイトを使いながら分かりやすく本サービスの解説を行うことが可能になります。このシミュレーションサイトは、エンドユーザーと販売員をつなぐ架け橋となるツールです。

ONE COATING Service Simulation Siteはこちら → https://onecoating.jp/

DESIGND:STAFF

  • TOMONORI SAITO(CREATIVE DIRECTION)
  • HAYATO FUJII(ART DIRECTION / WEB DESIGN)
  • SHUHEI YAMAMOTO(WEB DESIGN)
  • RINA TAKASHIMADA(WEB DESIGN)
  • KANJI ARAYA(3D / VONS PICTURES)
  • SOUYA OHSATO(3D / VONS PICTURES)
  • YUICHI HORI(WEB DEVELOPMENT / VONS PICTURES)
  • KAZUHISA TAKAYAMA(WEB DIRECTION / PRODUCE / VONS PICTURES)
  • DAISUKE ISOZAKI(PRODUCE / VONS PICTURES)

Other Works