webデザインを勉強し始めて2ヶ月目に作成したスキンケアのECサイト。
ファーストビューにjqueryを使って注目の商品をわかりやすいように制作。
URL
https://adjustacademy.com/0813/d240106-010813/site02/index.html
担当
企画(3時間) デザイン(20時間) コーディング(45時間) 画像編集(4時間)
使用ツール
VScode/illustrator/photoshop
コンバージョン
ECサイト内購入による売り上げ増加、ブランド認知拡大、実店舗での売り上げ増加
ターゲット・ペルソナ
名前 :野村咲(21歳)
職業 :大学生
住まい :郊外の一軒家
家族構成: 実家暮らし
趣味: 旅行
性格: 真面目
デザインについて
「成分で肌悩みを解決」
美容大国である韓国のスキンケアブランドをイメージして、フォーマルかつシンプルなデザインを意識しました。
コーラルカラーをメインに使うことでサイト全体を華やかにし、ターゲットが見て気持ちが明るくなるようにしました。
写真を大きく使用し、ブランドイメージや商品が伝わるようにし、サイト全体にメリハリをつけました。
配色
写真をメインとしている分配色はシンプルに白と黒を使用しました。
コーディングについて
コーディングでは土台となるHTMLをしっかり整えることを意識して作りました。サイトに合わせてJQueryで動きをつけ、見やすくしました。。