No.051 Q-pot.20th Anniversary特設サイト

No.051 Q-pot.20th Anniversary特設サイト

キューポットトップページキャプチャ

Q-pot.20th Anniversary特設サイト

スウィーツをモチーフにしたアクセサリブランド、Q-potの20周年特設サイト。

ファーストビューの印象

「好きなもの、好きなひと、あなたの”アリ”のままの姿で。」のキャッチフレーズ。キービジュアルには、アリをイメージしたゴシックなドレスを身にまとった女性が、板チョコレートをひとかけ手にする。甘さ、可愛らしさの中に妖艶さが見える。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント:520px

フォント

見出し:Libre Baskerville, serif
本文:Noto Sans JP, sans-serif

メニュー

PC:ハンバーガーメニュー
SP:ハンバーガーメニュー

カラー

ベースカラー:#FFFFFF ホワイト
メインカラー:#C1AC93  淡いブラウン
アクセントカラー:#532010 濃いブラウン

感想、参考になった部分

ファーストビューはフルスクリーン、それ以降は800pxの幅で縦にコンテンツが並ぶシンプルな作りとなっている。そのため、ブレークポイントは1箇所のみとなっているが、様々な端末で問題なく表示できる。

メインターゲットは間違いなく若い女性だろうが、大人の女性に訴求する落ち着き、妖しさも持ち合わせている。
スウィーツ、ゴシック、アンティークなどの雰囲気で包まれるメインページのトンマナがしっかり継承されているが、こちらは少々スッキリした印象。

さり気なくフォントに雫のあしらいを入れている。遊び心も忘れない。

キューポット文字あしらい

世界観がしっかり統一されていて、見ていて楽しさとともに安心感のあるサイトだと思った。

 

No.051 Q-pot.20th Anniversary特設サイト |Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です