■ 概要 Overview
コスメティックブランドOPERAの公式WEBサイト
■ ファーストビュー Above the fold
ロゴ
ブランド名
キービジュアル
ハンバーガーメニュー
商品詳細
公式オンラインストア
■ ターゲット Target
20代～30代を中心にしたユーザー全般
■ フォント Font
HCo Gotham 10px,12px,14px,25px,28px
Yu Mincho 15px,18px,20px
■ カラー Color
#FFFFFF
#E5C5BA
#A1385A
■ デザインの特徴 Design features
トリミングされた商品と商品情報とキービジュアルがセットになってスライドされ、フォントもその商品コンセプトに合わせて変わる
キャッチフレーズには游明朝、それ以外のテキストはHCo Gotham、カテゴリのタイトルは手書き風筆記体が使われている
余白たっぷりで、スクロールに合わせて、ゆっくりフェードアップする図版とテキストなどはコスメ関連のWebページではよく利用される手法
プロダクトの色を引き継いだメインカラーのピンクやフォントで商品のトンマナが共通する一方、シンプルなプロダクトデザインからは想像できないような商品イメージやコンセプトを説明づけるようにビジュアルやフォント、配色やJQueryなどのWebデザインで、製品の世界観が広がっている