![見出し画像](https://assets.st-note.com/production/uploads/images/37792193/rectangle_large_type_2_46584fbb8a24894f466b24648639202e.png?width=1200)
【52】 | RINGO | #1日1サイトレビュー
▷概要
・焼きたてカスタードアップルパイ専門店のwebサイト
▷目的(想定)
・商品の購入
▷ターゲット(想定)
・焼きたてのアップルパイを食べたい人
・食べ物にこだわりがある人
▷印象
・メインビジュアルはりんごの写真やロゴなどがあるが、真ん中にある再生ボタンが特徴的
・左サイドに見出しを載せ、左から右に流れるようにコンテンツや詳細に飛べるボタンを配置することで、自然な流れで見れる
・背景とテキストの使用する配色はほぼ変えず、背景が変わるごとにテキストの色も変更させることで統一感もありつつ、サイト全体に動きが出る
・ロゴで使用されているGとOのように、◯のマークが特徴的
・トップページのコンテンツごとのボリュームコンパクトでわかりやすい
・ナビゲーションやオンラインショップに飛べるボタンをスクロールしても表示されるデザインの方がより、使いやすくなると感じた
▷特徴
・ナビゲーションを押すとテキストの下にマークがつき現在地がわかる
・左のサイドバーに見出しを載せることでどんなコンテンツがわかる
・ページトップの大見出しが大きくわかりやすい
・日本語以外に中国、香港、タイ語に対応
・フッターがロゴとSNSのリンクのみでシンプル
▷SP
・右上にハンバーガーメニューが表示されている
・多くても横並びで写真2枚の2カラムの構成
▷配色
・メインカラー:#ffffff
・アクセントカラー:#e4002b
・背景:#000000,#959595,#f1f1f1
・テキスト:#111111,#999999,#575757
▷フォント
・Lato
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?