概要

職業訓練校のグループ制作で作成した作品で、酒造を主な事業とする会社をクライアントとして想定したコーポレートサイトです。
クライアントからは、ネイビーをメインカラーとしたシンプルで高級感のあるサイト、若年層からのアクセス増加 を目的としたサイトという要望でした。
商品紹介とECを兼ねたサブページである「Shop」のデザインおよびフロント側のコーディングの他、 ヘッダー・フッターなどの共通部分のコーディングを担当しました。

工夫した点

担当したShopページにおいては、「商品一覧へ戻る」リンクを購入ページや確認ページにも実装することで導線を確保しやすい設計にしました。
また、一覧ページではループ処理をVueを用いて実装したことにより、ソース記述の量を減らし修正を簡単に行えるシステムを実装しています。
グループ全体では、デザインの統一性を図るため、各自担当したページのデザインカンプが完成し次第チームで共有して意見を出し合うなど、 こまめにコミュニケーションを取るよう心がけました。
担当箇所の割り振りや、cssにおける共通部分のファイル分けが難しかった作品でしたが、クライアントの希望に合うデザインと機能を実装できたと感じています。

ページ数	全６ページ （HOME,ABOUT,STORE,FOODS,COMPANY,NEWS） 担当箇所　Shopページ （Shop,product,confirm） ヘッダーの買い物カゴのアイコンから移行可能
使用した言語	HTML,CSS,JQuery,Vue.js
制作期間	10日間
レスポンシブ対応	あり
Wordpress組み込み	なし
フォームの動作	無し