令和４年度２班の作成したショッピングサイトは"データ販売のダウンロードコンテンツを販売するECサイト"です。
ターゲット層は、サイト運営やSNS、ブログ等で発信するユーザーを想定しました。
ユーザーサイド（会員、非会員）、管理者サイドのサイトを作成しました。
ショッピングサイト 概要
ユーザーには会員と非会員の2種類があります。
非会員でも、商品検索、商品情報やランキングの閲覧、カート追加、お問い合わせができます。
会員ならば、お気に入り機能や商品購入と画像のダウンロードが可能です。
このサイトは学習の一環で作成しました。実際の金銭の支払はありません。
デモサイトはコチラTOPページ
TOPページでは検索や、各ページに遷移できるようにしています。 ページ下部では新着、人気ランキングも閲覧できます。
新規登録ページ
新規登録画面では、一部自由入力できないようにしています。
新規登録時に入力いただいたメールアドレス宛に、本登録のurlが届きますので
urlから本登録を行なって下さい。
検索ページ
検索では、商品名検索とカテゴリ検索ができます。
商品名検索では、「犬」と検索すると、商品名に犬が含まれる商品が一覧表示されます。
カテゴリ検索では「すべての商品」>「すべてのタグ」で検索をすると、全ての商品一覧が表示されます。
また、「季節」>「冬」と絞り込み検索もでき、カテゴリ設定された商品が表示されます。
管理者ログイン
※管理者ページのデモは公開しておりません。
管理者ページログイン時には二要素認証を取り入れ、不正ログインされにくくしました。
管理者ページ
管理者ページでは、各管理ページへ遷移できます。
売上管理ページ
売上管理ページでは、過去の売上データをグラフで可視化できるよう作成しました。
総売上表は年毎に売上を確認できます。カテゴリ別売上表では月毎に
どのカテゴリがどのくらい売り上げているか確認できます。
そしてCSV出力もでき、様々なソフトでデータ分析、活用していただけるよう作成しました。
商品管理ページ
商品管理ページでは、商品一覧表示、絞り込み検索ができます。
編集ボタンをクリックすると個別の商品編集ページへ遷移できます。
商品編集ページ
上記の商品管理ページで商品を絞り込み、編集ボタンを押すとこのページに遷移します。
こちらのページでは、個別に商品名や価格、カテゴリ等の編集ができ、商品を公開／非公開も選択できます。
アカウント管理ページ
アカウント管理ページでは、アカウントの検索、状態確認、アカウントの強制停止ができるようしました。
キャンペーン管理ページ
キャンペーン管理ページではキャンペーンの設定、削除ができます。
また、価格帯やカテゴリ別で商品の絞り込みもでき、『キャンペーン対象商品確認』ボタンを押すと
対象商品情報や、対象件数、セール予定価格も確認できるよう作成しました。
制作情報
令和5年1月よりおよそ２カ月間のグループ活動でECサイトの作成をしました。
制作当初は完成イメージを、チームで協議しながら必要機能などを洗い出し、作品を作り上げていきました。
今回の制作では制作時間の短縮のためのプラグイン（jQuery,slick,zoom.jsなど）を取り入れ、
今まで学習してきたことを活かして作業をすることで、各自がレベルアップする事ができたと思います。
また、グループで制作する難しさや、コミュニケーションの大切さなど、色んな気付きを得ました。
開発メンバー6名
・チームリーダー
・フロントエンド 2名
・バックエンド 3名