Keiの靴下

【概要】

とある田舎のおばあちゃんが編んだ靴下を販売する架空のオンラインサイト。
授業外でもスキルアップのためにWebサイトを作りたいと考え、制作した。 テーマを決定したきっかけは、私自身が祖母が編んだ靴下を愛用しており、親戚からも靴下の評判がよかったため、テーマを「おばあちゃんが編んだ靴下のオンラインショプサイト」に決定した。 足の冷えを悩みとして抱える女性が多いことから、ターゲットを20代~50代の女性と定めた。

【制作スタイル】

◎実施内容
ヒアリング/撮影/デザイン/コーディング

◎作業人数
1人

◎制作期間
2ヶ月

◎使用ツール
HTML/CSS/JavaScript/Canva

◎他者からのFB
本当に存在するサイトみたい
実家感出ている

【ポイント】

①配色の統一&暖かみの表現
靴下の暖かさ×おばあちゃんの暖かさでとにかく「暖」を表現するため、また祖母がピンクの洋服を着ることが多かったためサイトの配色をピンクで統一した。

②祖母の想いを尊重
祖母が「誰かが履いてくれるのを想像すると嬉しい」と言っていたため、集客のためにアピールページの「Keiの靴下とは」や広告動画を制作することで、魅力を十分にPRするコンテンツを作成した。

③JavaScriptによるハンバーガーメニュの導入
今までJavaScriptを授業でしか使用したことがなかったため、練習としてハンバーガーメニューを実装した。レスポンシブ対応で、スマートフォンサイズだとハンバーガーメニューが表示され、タップするとメニューが出てくる仕組みである。