URL

https://bit.ly/371EOpr

概要

全5ページ
・Topページ:メガネのスタイルから選択、予約バナーの設置、レビュー、予約バナーを再度設置
・Collectionページ:メガネの4つのスタイルの選択→それぞれのモデルへの販売ページへと誘導を想定
・Fittingページ:フィッティング。リアルのイメージを具体化することで、安心感を強調
・Accessページ:アクセス
・Philosophyページ:理念紹介

担当範囲・制作時間

制作期間:15日、総制作時間:60h
・コンセプト設定 2h
・ワイヤーフレーム、パワーポイント 2h
・色覚特性者や機能性色覚メガネについて調査 8h
・コーディング(HTML,CSS) 40h
・予約リンクおよび、予約ページの作成(HTML,CSS,PHP)8h

ターゲット

『色覚特性のある20〜30代女性』
色覚メガネついて調べた際、あまりデザイン性の高いものがなく、20〜30代の女性色覚特性特性者が日常使いしやすい色覚メガネがあれば売れるのではないかと思い、ターゲットとしました。

マーケティング

『予約リンクの畳みかけ』
フィッティング予約のバナーを導線を意識しながら複数設置し、予約率の向上を意識しました。

デザインコンセプト

『色覚特性者にも見やすいデザイン』
色覚特性のある方には、青と白の対比が最も見やすいとのデータから全体を青と白のデザインで構成しました。1番重要な予約バナーも色覚特性者には赤色が見えづらいとのデータから青で作成しました。また、色で変化をつけても見えない可能性があるため、段落ごとに丸や点線など形の変化をつけ、内容が変わったことを視覚的に理解できるよう工夫しました。