Chocolaphil 

サイトイメージ

ポップ

上品

シャープ

丸み

Chocolaphil 
Chocolaphil 

ちょうどいいポイント

実物を再現する意匠

パッケージとお揃いのウルトラマリン×白のバイカラーがこのサイトのメイン配色。その上にガトーショコラの写真を配置することで、まるでパッケージを開けて実物を眺めているかのような感覚に。Webサイトだけで購入後のリアルな様子がイメージできることに、思わず舌を巻きます。四角形の要素やすっと直線的に動くアニメーションがガトーショコラの形状を思わせることも一役買っていそうです。

3カラム構成のFV

3カラム構成をベースに画面が5分割された珍しい構成のFV。区切られた区画が各々スライドになっていて、ランダムな方向に画像が入れ替わります。その画像は1画像の違う部分を切り取ったもので、全体的に見ると合わせ鏡をしているような神秘的な雰囲気を漂わせています。


また、ガトーショコラを包む銀紙にインスピレーションを受けたキーカラー・シルバーは「一粒のカカオから派生するものの広がりや反響(リフレクション)」を表現しているそう。上述したFVも反射や広がりを想起させるデザインであり、加えて他の箇所でも使われている四角形要素を取り入れたデザインだと感じました。

シャスティン

オレンジが目をひくスピード感のあるサイト!

かきのは

理想のあれこれ作ってみたい