見出し画像

【1日1サイトレビュー】#34 USHIO CHOCOLATL

■USHIO CHOCOLATL 尾道のチョコレート工場 https://ushio-choco.com/

何のサイトだろう?と気になり、タイトルを見るとチョコレート工場とあるので二度見してしまったサイト。どう見てもお菓子屋さんの雰囲気ではなくて…アクセスしてみるととっても興味をそそられるサイトでした。

・トップページナビゲーションメニューで構成されている1カラムのサイト。ファーストビューからとにかく独特で印象的。

・中央に浮いた3Dの六角形はメイン商品のチョコレートで、「Spin a chocolate」の文字の通りにマウスで触れてみると周りに切り抜かれた写真や図形が出てくる仕組み。回すほど沢山出てくる。ここで出てくる写真や図形が実はナビゲーションのメニューで、表示はおそらくランダムだし中にはナビゲーションメニューではなく音が出るだけのものだったり色々入り混じっていてなかなかにカオス。笑 BGMになっているカツカツというサウンドは不思議なことにしばらくすると耳に馴染む。

・原色を使った色使いだったり、ペイントの画面に写真貼り付けたものがあったりして 90年代?風の世界観を感じました。デザイナーさんに依頼したのか、もしくはご自分達で設計されたのか強いこだわりを感じる。

・ただナビゲーションメニューはページ右上にきちんと設置されていました。虹色の六角形にしているのが可愛い!ここで閲覧すれば迷うことなく目的の項目に辿り着ける。けど、少しわかりづらい。

・チョコレートのパッケージデザインがとにかくお洒落で可愛いのでそれだけを前面に出しても雰囲気が出そうだと感じた。チョコレートも味ごとにトップページで出てくるのが良い。

・ある意味導線がユーザーに委ねられていて、まずどこを見ていこうと思わせるアトラクション感覚のサイトだと感じた。キャンペーンサイトなどではこういうのもありかもしれないと思ったけど、あまりにも自由度が高いのでやっぱり自己表現を突き詰めたいブランドやショップ向けかもしれない。個人的にすごく好きです。

・フォント: U-DIN
・カラー:背景青#0000FF、グレー#CCCCCC、黒#000000、水色#00FFFF、黄緑#00FF00、ネイビー#001C5A、紫#A020F0、オレンジ#FF8D00、アイコン茶#3D0D04(ムラ有り)原色多め!

いただいたサポートは自己学習のために活用させていただきます!