【1日1サイトレビュー】#59 MAISON CACAO

■MAISON CACAO https://maisoncacao.com/

チョコレートブランドMAISON CACAOのサイト。

・ブランド名のMaison Cacaoというフォントを使用している。ファーストビューはチョコレート等の写真ではなく大きく一面にスペースを取ったキャッチコピー。水面のように揺れて浮き上がる効果が印象的。

・1カラムの構成で画面右上のハンバーガーメニューにコンテンツが収納されている。縦スクロールで順に見ていくとメインの商品紹介のセクションになる。スクロールに合わせて商品1枚1枚の写真が抜かれるように切り替わり、背景色も商品に合わせて変わる。

・各商品の紹介ページでは写真を大きく使用して色々な角度から見る事ができる。よくあるお菓子の見せ方というよりアパレルっぽい雰囲気。オンラインショップへのリンクはわかりやすく、その商品の背景色より濃い色で画面右下にボタンが配置されている。

・マウスのカーソルが動きに合わせて揺れる楕円形になっているのも特徴。写真やコンテンツに合わせると色が反転する。サイトのゆったりとした雰囲気によく合っている。

個人的にとても好みのサイトでした！高級感とカジュアルさが両立しているように感じる…

・フォント：Maison Cacao、DNP Shuei Gothic Gin Std、Aktiv Grotesk

・カラー：背景白#FFFFFF、フッター黒#111111、文字黒#222222、背景グレー#E5E2DD、背景ブルー#4587A0、背景紫#A76E8D、背景緑#518C5E、背景茶色#816B55、背景赤#816B55、背景オレンジ#E36642、背景黄色#E2AD58