見出し画像

#18サイトレビュー 〜PETARI(ペタリ)公式サイト | 手料理を美味しく、美しく。〜

サイト名
PETARI(ペタリ)公式サイト | 手料理を美味しく、美しく。

カテゴリー
家電・生活用品

概要
PETARIという商品のプロモーションサイト

ターゲット
インテリアや調理器具にこだわりのある人
プレゼントの品を考えている人

目的
商品の詳細説明、知名度向上
購入者の増加

印象
掲載商品の色や雰囲気をうまくサイトに使っていてとてもスマートな印象
商品の画像を多用しているので、見るのが楽しい

ファーストビュー
▷ メインビジュアル
 構成としてはヘッダーは画面上部に固定。ハンバーガーメニューは右上に配置。左上には言語切り替えのボタンがある。左端にはスクロールボタン、右端にはオンラインストアへのリンクボタンを配置。MVの画像の雰囲気と背景色や文字色などの雰囲気があっているのでとてもまとまったスッキリしている。

画像1

▷ グローバルナビ:ハンバーガーメニューに格納(右上に固定)
 [top]
 [concept]
 [products]
 [features]
 [recipes]
 [information] 
 [Email us]
 [store]
 [Facebook]
 [Instagram]
 [company]
 [privacy policy]
 [Commercial Transactions]

画像2

コンテンツ
・フォントが明朝体でスタイリッシュさを表現できている。
・余白はわりを少なめだが、画像が多いので窮屈な感じはあまりない。
・コンテンツのタイトルの文字サイズが小さめなのでかなりさりげない感じだが、コンテンツごとのレイアウトがガラッと変わっているので区切りがちゃんとできている。
・ リンクボタン

ボタン

カラー

画像4

フォント
▷ 本文(日本語):Hiragino Mincho ProN 
▷ タイトル:Times New Roman
▷ 英文:Times New Roman

レスポンシブ
・ ヘッダーは上部に配置して固定。左に言語切り替え、中央にロゴ、右にハンバーガーメニュー。両端にはスクロールボタンとオンラインストアのボタンが固定されている。
・ PC版では横並びのレイアウトを採用しているが、SP版では全部縦並びに変更されている。
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。

画像5

いいなと思ったら応援しよう!