< DB >
制服管理システム
初めはITに関する知識も全くなく、Accessの操作やVBAのコードを書くこともできませんでしたが、やっていくうちに少しずつ理解できるようになってきました。作品が形になったときは今までにない達成感を感じ、とても良い経験になりました。
美容室ＷＥＢサイト制作
美容室WEBサイト制作
使用した言語
HTML、CSS、JavaScript
背景
自身のポートフォリオサイトを制作しようとしていたところ、先生から実際にある美容室のWEBサイトをつくってみない？と声をかけていただきました。WEBサイト制作の実際の流れを経験し、実践的なスキルを身に付けたいと考え挑戦しました。
制作の流れ
①ヒアリング ②サイトマップ作成 ③ワイヤーフレーム作成 ④素材準備 ⑤デザインカンプ作成 ⑥コーディング
この制作物で工夫した点
＜HOME画面＞
メインビューの画像にＧＩＦアニメーションを取り入れて差別化を図る、堅苦しさをなくし子供連れ歓迎という売りをアピール
ヘッダー・ナビゲーションを固定表示し、ページのどの位置にいてもすぐにアクセス可能にする
サービスの認知度を上げるために、目に留まるようなわかりやすいイラストを意識して作成 など
＜ABOUT画面＞
ページ下部にある予約コンテンツにスクロールを促せるようなデザイン
作成日：2023年11月13日
生徒のコメント
ヒアリングからデザイン、コーディングまでWEB制作の一連の流れを経験し、コーディングスキルやデザイン技術はもちろん、コミュニケーションスキルやプロジェクト遂行能力の重要性を実感しました。
これからも勉強を続けて、まだ使ったことのないプロパティや、知らないことを一つ一つなくしていきWEB制作の知識を深めていきたいです。
