・作品名
美容室WEBサイト制作
・使用した言語
HTML、CSS、JavaScript
・背景
自身のポートフォリオサイトを制作しようとしていたところ、先生から実際にある美容室のWEBサイトをつくってみない？と声をかけていただきました。WEBサイト制作の実際の流れを経験し、実践的なスキルを身に付けたいと考え挑戦しました。
・制作の流れ
①ヒアリング　②サイトマップ作成　③ワイヤーフレーム作成　④素材準備　⑤デザインカンプ作成　⑥コーディング
・この制作物で工夫した点
＜HOME画面＞
　メインビューの画像にＧＩＦアニメーションを取り入れて差別化を図る、堅苦しさをなくし子供連れ歓迎という売りをアピール
　ヘッダー・ナビゲーションを固定表示し、ページのどの位置にいてもすぐにアクセス可能にする
　サービスの認知度を上げるために、目に留まるようなわかりやすいイラストを意識して作成　など
＜ABOUT画面＞
　ページ下部にある予約コンテンツにスクロールを促せるようなデザイン