架空サイトデザイン（ファーストビュー＋バナー）　ブルーライトカットメガネショップ

課題とコンセプト

ペルソナ

仕事やプライベートでパソコンを使う20代男性。
安価で公私併用できるブルーライトカットメガネを探している。

ターゲット

オンライン購入へ誘導したいショップオーナー様。
メガネ本体のシンプルかつスタイリッシュな部分を押していきたい。

工夫した点

ハンバーガーメニュー

パソコン端末でもスマホ端末でも親しみやすいデザインとして、
ハンバーガーメニューを使用したシンプルなデザインに。
スクロールもしくはメニューを開いてもらえるような導線設計をした。

サイトカラー

サイトの閲覧者にブルーライトを意識してもらえるよう、
パソコンからネオンブルーが発光しているような画像を使用した。
対照的に、落ち着いたメガネの画像とキャッチコピーを重ねることで、
他の商品を見てみたいと思ってもらえるようなインパクトを与える。

ブルーライトカットメガネ／バナー

写真と文字というシンプルな構成。
パソコン・スマホ・ゲームのアイコンを入れることで、
見た人に自分事として目の疲れを認識してもらうにようにした。

メガネ2本目半額／バナー

メガネの切り抜きとPOPな文字のあしらいで20代を、
カップルの写真を使うことでプライベートの男性を意識した構成。
「2人で1本ずつ買う」という気持ちを引き出す。

製作期間

2023年12月、4日間

担当領域

• Webデザイン

制作ツール

• Photoshop

制作体制

• Webデザイン 1名