#12 サイトレビュー 〜KieKa〜
サイト名
12:KieKa
カテゴリー
ペット・動物・生き物・植物
概要
レジンデコールの販売兼プロモーションサイト
ターゲット
この商品について興味のある人
長く楽しめる花(レジンデコールの商品)を購入、プレゼントしたい人
目的
商品(レジンデコール、フラワーデコレーションなど)の周知や販売
購入者の増加
印象
取扱商品が花なので、サイト自体はとてもシンプルで商品の花を引き立たせている印象。
使用フォントが明朝体なので、落ち着きのある洗練されたサイトという印象。
ファーストビュー
▷ メインビジュアル
MVとキャッチコピーのテキストをずらして配置。
ヘッダーは画面上部に配置&固定(左:ロゴ|右:検索ボタン,ショップボタン,ハンバーガーメニュー)している。左下部ににはスクロールボタンもありスクロールを促している。
かなりシンプルな構成でMVも商品をアップにしているわけではないが、とても存在感のあるデザインとなっている。ハンバーガーメニューを押下すると、MV がグローバルナビの分だけ左にずれる仕様となっている。
▷ グローバルナビ:ハンバーガーメニュー(画面右上に固定)に格納
[HOME]
[About]
[Category:sumika , sumika sried flower , kyoka , option]
[News]
[Contact]
コンテンツ
・使用している画像の雰囲気を大事にしているので、テキストは小さめで余白も大きめに設定している。
・商品の画像が正方形(大きめ)でインスタみたいに3列で並べている。
・ 商品が”余白”を大切にしている旨を書いており、サイト全体にも余白を重視しているのを感じ取ることができる。
・ リンクボタン
カラー
フォント
▷ 本文:游明朝 12px
▷ タイトル:Crimson Text 28px
▷ gNav:Crimson Text 13px
レスポンシブ
・ ヘッダーは上部に配置して固定。
左にロゴ、右に検索ボタン,ショップボタン,ハンバーガーメニュー。
SP版ではテキストをMVの上に配置している。
・ PC版では横並びのレイアウトを採用しているが、SP版では全部縦並びに変更されている。productsのエリアはSP版では2列の羅列に変更されている。
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。