レコード喫茶 AnDo
概要
制作区分
学校課題
制作期間
2024年12月～2025年1月 ２週間
担当範囲
HOMEページのデザイン・コーディング
NEWSぺージ（下層ページ）のデザイン・コーディング
使用技術
HTML / CSS / JavaScript /illustrator
制作背景・目的
本制作は、学校のグループ課題として取り組んだWebサイト制作です。
クライアントは「趣があり、親しみやすいレコード喫茶」を想定しており、店舗の世界観や雰囲気が伝わるホームページを制作することが目的でした。
私は、HOMEページと下層1ページのデザインおよびコーディングを担当し、グループで役割分担を行いながら制作を進めました。
レコード喫茶というコンセプトから、レコードや純喫茶をイメージしたデザイン表現を意識し、初めて訪れる方にもお店の雰囲気が伝わるサイトを目指しました。
課題の条件・テーマ等
本課題では、グループで協力しながらWebサイトを制作することが条件とされており、各メンバーが担当範囲を持ち、一つのサイトとして完成させることが求められていました。
テーマは「レコード喫茶のホームページ制作」で、店舗の魅力や世界観を視覚的に表現しつつ、情報が分かりやすく伝わる構成を意識する必要がありました。
工夫した点
デザイン面では、レコードや純喫茶を連想させる配色や写真の使い方を意識し、落ち着きのある、どこか懐かしさを感じられる雰囲気になるよう工夫しました。
また、HOMEページではお店の印象が直感的に伝わるよう、ビジュアルと情報のバランスを意識したレイアウトにしています。
実装面では、チーム内の技術レベルや進行状況を考慮しながら、共有しやすい構造を意識してコーディングを行いました。
初めてのグループ制作だったため、自分の作業だけでなく、全体の進行を意識しながら進めることを大切にしました。
学んだこと・気づき
本制作を通して、個人制作とは異なり、チーム全体の理解度や進行状況に合わせて制作を進める難しさを実感しました。
自分ができることだけで進めるのではなく、他のメンバーと認識を揃えながら進行することの重要性を学びました。
また、役割分担の中でも自分の担当範囲に責任を持ち、全体の完成を意識して行動することがグループ制作では欠かせないと感じました。
今後は、こうした経験を活かし、チーム制作においても円滑に貢献できるよう取り組んでいきたいと考えています。