概要
地元の喫茶店のホームページを作らせていただきました。
今回が初めて1からクライアントの方と協力して作成したホームページです。
| 制作時期 | 2022年2月1日 |
| 製作期間 | 2021年11月1日〜（約3ヶ月） |
| 担当箇所 | デザイン・コーディング |
| 制作人数 | 個人製作 |
| 公開URL | https://lucky-hita-1334.chowder.jp/sinkyuu/ |
◆制作工程
- クライアントにサイト作成の依頼
- デザイン作成＆クライアントに確認
- 素材の写真撮影
- コーディング作業・細かい修正
- 公開
◆1から作品制作
初めて自分から作品制作のお願いに行き、1から作品を作成しました。 お互い探り探りになりながらも協力して作成しました。今回クライアントの方に基本的に自由にやってくれていいとお話をいただいたのでデザイン案やその後の素材の写真撮影も 自分で行いました。写真の角度などわからないことも多くとても大変でした。
See the Pen Untitled by kenta66448284 (@kenta66448284) on CodePen.
◆SCSSやBEM
授業で習ったscssやBEMを使用した初めての作品です。scssでは仕組みを理解することができたので良かったです。これからの作品制作の際にも積極的に活用していきたいと思います。 BEMの知識は命名規則など難しい箇所も多くこれから勉強をして理解できるように頑張りたいと思います。また、周りの人からも何のクラス名を指しているのか分かるようなclass命名をやっていく必要があると感じました。
このサイトで頑張った箇所は店の様子のところの写真のアニメーションです。画像をvhでウィンドウサイズが変わっても一定の大きさにするようにして JavaScriptとCSSアニメーションを使って写真がランダムに表示されるようにしました。
◆プレゼンテーション
進級制作展ということもあり、初めて企業の方たちの前でプレゼンをしました。他にもYou Tube上で見れるように撮影をしたり初めての経験をたくさんしました。 聞いてもらう方達に何を伝えたいのかどこをアピールしたいのかを文章や実際に言葉で伝えるのはとても大変でした。
作品を通して
実際にクライアントに見せに行き感謝の言葉をいただいたときはとてもうれしかったです。 長期間頑張ってきてよかったと改めて感じました。 その後学校でプレゼンや撮影を行いコーディング作業以外にもやることも多く非常に大変でしたがとても良い経験になりました。