配色:黒メイン
マック=赤と黄色 のイメージだが、赤はさほど使われておらず、賑やかではあるが落ち着いたイメージに。
黄色がアクセントカラーとして使われている。
※赤はhover時の色変更に使用

フォント:ベース15px 見出し25px
見出しや新着情報一覧の下に点線の下線→見やすい

・コンテンツが多いながら、正方形の画像で均一に並んでいるため見ていてわかりやすい。

☆スマホ表示版には画像のタイトルが画像上に吹き出しで表示されている。→小さい画面でもスッキリとしたデザインに
☆スマホ表示版:3コンテンツごとに自動で流れるようになっている。
・hover時:ボタンや文字の色変化や下線追加・画像の透過→ユーザーにわかりやすく工夫
・hero部:サムネイル付きスライダーを使用しているので、ファーストビューでどんなキャンペーンが行われているのかがすぐわかる。

コメントを残す