【グループ制作】Webサイト制作|Christmas Market (サイトリニューアル)

【制作物】
グループ制作:ディレクション1名・デザイン1名・コーディング2名
制作期間:1カ月
担当範囲:Q&Aページのデザイン・コーディング(トップページ・パフォーマンスページ・Q&Aページ)(レスポンシブ含む)

サイトURL:https://web27r.github.io/xmas2024/
使用ツール:Figam・HTML/CSS・JavaScript(jQuery)・GitHub


【概要 】
実際にあるクリスマスマーケットのWebサイトを新しくする形でグループ作成しました。(既存クリスマスマーケットサイト:https://osaka-christmasmarket.com/)


【目的】
・昨年よりパワーアップしたイベントになっている事をサイトから伝えたい
・ドイツを含めたヨーロッパ各国のクリスマスを知ってもらう


【ターゲット】
・20∼40代カップル/夫婦
・お酒が好きな方
・海外好きで、本場のクリスマスを味わいたい


【ペルソナ】

名前:大内 彩香       年齢:25歳
居住地:大阪府     職業:OL
家族構成:父母弟の4人家族・現在一人暮らし
趣味:お酒好き・旅行好き・映画好き
環境:付き合いたての29歳の彼氏がいる
   もうすぐ初めてのクリスマス
悩み:仕事が忙しく、海外旅行には行けない為、クリスマスマーケットで本場のクリスマスを味わいたい。クリスマスに彼氏と出かけたい。 


【キーワード】
・落ち着いた・心地よい・賑わい・お洒落・特別感


【コンセプト】
「大切な人と一緒に過ごしたいクリスマス」


【ビジュアルデザイン】
・トップページのメイン画像では、クリスマスマーケットのワクワク感を見て感じられるよう、クリスマスツリーやオーナメントを組み合わせた画像を使用
・落ち着いた大人な雰囲気のサイトにする為に、深みのある色を使用している
・深みのある落ち着いた配色の中で、ゴールドをアクセントで使用することで、特別感を出している

・タイトルや見出しには、クリスマスを感じられるフォントを3つ程使用している


【担当範囲】
コーディング(レスポンシブ)


*ひとこと
グループ制作では、コーディング(トップページ・パフォーマンスページ・Q&Aページ)を担当しました。全体の進み具合を見て、レスポンシブデザインを手伝うなど、コーディング以外にも行いました。報連相を行うことを意識して、連携を密に取りながら制作することで、余裕をもって制作することができました。