COLOCOLO5656 株式会社ニトムズ

サイトイメージ

直線的

曲線的

おちつき

にぎやか

かろやか

どっしり

COLOCOLO5656 株式会社ニトムズ
COLOCOLO5656 株式会社ニトムズ

ちょうどいいポイント

眺めていたいころころ

スクロールすると転がる丸が可愛らしいコロコロのブランドサイトです。

コロコロというと「清掃用品」や「生活感がある」といったワードを連想するのではないでしょうか。 こちらでは掃除道具のコロコロをシンプルな丸で表現し、アニメーションも相まって親近感が湧いてくるポイントになっています。

丸のアニメーションは中央のメニューと連動しており、今どの項目を見ているのか一目でわかる仕組みです。 コロコロがメニューバーにぶつかりそうになるとバーが持ち上がったり、トップへ戻るボタンを押すとコロコロが元の位置にリターンしたりと、目にも楽しい工夫が詰まっています。 モチーフを活かした秀逸なモーションです。

お掃除が楽しみになる

商品画像はPRODUCTとGALLARYの2項目があり、タブで切り替えることができます。 商品の細部まで確認できる写真と部屋に置いた時のことをイメージできる写真に分かれているので、購入したらどこをお掃除しようかな?とワクワクする設計になっています。

PCではカルーセルの矢印にホバーすると前後の画像が表示される設計になっています。 画像一覧を設ける手法のほかにも次の内容を想像でき、めくってみたくなる見せ方です。

かすみ

コンセプト説明の動きに注目

シャスティン

イラストと組み合わせたスライダーが特徴的

Tsuki

テラスから覗き込むようなレイアウトが素敵