コロナの影響でWeb施策が必要な皆様へ

ボラギノール公式ブランドサイト「ボラギノールタウン」

天藤製薬

ボラギノール公式ブランドサイト「ボラギノールタウン」

ボラギノールの全てが分かる街を、
高度なアニメーション技術で実現。

誰もがその名を一度は耳にしたことがある!というほど有名な痔のお薬「ボラギノール」。その歴史、製造の秘密から開発者の想いに至るまでの全てが分かる街「ボラギノールタウン」を作りました。

街は3つの階層に分かれていて、ENTER表示のあるオブジェクトをクリックするとズームインして建物の中へ。さらに小さな赤いピンをクリックすると、各トピックについて詳しい情報を読むことができる作りになっています。画面内で街中を散策しているようなUXを目指しました。

人や車や飛行機が街の中で動き回るアニメーションは、Spineというゲーム用2Dアニメーションソフトで作成し、PC/スマホのどちらで閲覧した場合もスムーズに動きます。

デザインと開発におけるクオリティの高さが評価され、海外のデザインアワード『CSSDesign Awards』のWebsite Of The Dayも受賞しました。

(Agency:ADK / 株式会社アストラカン大阪)

ワクワクポイント

全てのイラストを数人がかりでイチから描き起こしました。アニメーションも単純な平行移動だけに留めず、各オブジェクトに細かい動きをつけました。もしお時間があれば、ぜひ人や車などを追いかけてみてください。

ZIZOのワクワクポイント