クレイテプス株式会社|Creatps Inc.

Works

戻る

トンボ鉛筆  MONO AIR  ブランドサイト

トンボ鉛筆 MONO AIR ブランドサイト

100年を超える歴史を持ちながら、常に革新的な新商品を開発し続けるトンボ鉛筆。そのトンボ鉛筆から、全く新しい使い心地を備えた新製品、修正テープ「MONO AIR」が登場。

「MONO AIR」の大きな特徴は、搭載された新しい技術「エアータッチシステム」。テープ走行をコントロールするこの仕組みで、空気のように軽い引出力が最後まで続く使用感に。
発売前のモニターには10,000名近い応募があり、その軽さに多くの感動の声が寄せられました。

クレイテプスではブランドサイトの企画・デザインなど制作全般を担当。
デザインは、印象的で直線的なMONOカラーを基調に、無駄をそぎ落としたミニマルデザインでシンプルで洗練されたルックを目指しました。

サイト全体は「MONO AIR」の軽さを「スピード感」で演出。大胆な画面切り替えもシームレスなモーションで展開しました。また、「エアータッチシステム」の仕組みに関するコンテンツでは、温かみのある柔らかなアニメーションを用いて、わかりやすいタッチで仕上げています。
技術面では、全体をCSSアニメーションで制作することでJavaScriptに起こりがちな重めの表示を避け、細部まで軽やかなモーションを実現しました。

また、本サイトは、優れたデジタルクリエイティブを表彰する海外のアワード「CSS Winner 」でSite of the day、「CSS Design Award」でWebsite of the day、「Awwwards」でHonorable Mentionを受賞しました。

クライアント:トンボ鉛筆 様

Credit

Director:
Masato Sasaki
Art Director:
Mihoko Iwase
Designer:
Mihoko Iwase
Front-End Developer:
Wataru Haraguchi / Katsuo Kinoshita / Ryosuke Sasagaki

BACK TO TOP