R-westサイト説明

令和6年度3月修了生2班の作成したショッピングサイトは本を販売するECサイトです。
本を販売するショッピングサイトは商品画像、著作権等の問題が難しく、過去の修了生も作成しておらず初の試みとなりました。
ユーザーサイド(非会員、一般会員、有料会員)、管理者サイドのサイトを作成しました。

ショッピングサイト概要

ユーザーには非会員、一般会員(無料)、有料会員の3種類があります。
非会員でも商品検索、商品情報の閲覧、お問い合わせができます。
会員登録を行うと本の購入、カートの利用、購入履歴の確認ができます。
会員登録後、有料会員になると購入時にポイントが付与され、次回購入時以降に利用できます。

このサイトは訓練校実習で作成されたサイトであり、実際の金銭のやり取りが発生することはありません。


メインページ

メインページではバナーと新刊順の本が9冊表示されます。
バナーには特集ページ、開発者のおすすめの本、校のホームページなどが表示されます。
画面上部のメニューで検索したり、ログインしたり、カートの中身を見たりすることが出来ます。

新規会員登録&ログイン

・新規会員登録

会員登録に必要な情報を入力すると、入力されたメールアドレス宛に会員登録用コードを記載したメールが当サイトから送信されます。 メールに記載されたコードを入力すると登録が完了します。

・ログイン機能

登録したメールアドレスとパスワードを入力することでログインできます。氏名、住所等の情報を一部選択してもらい、入力されたメールアドレス宛に会員登録用コードを記載したメールが返信されます。
メールに記載されたコードを入力いただいて登録完了です。 登録いただいたメールアドレス、パスワードでログイン。
パスワードを忘れたときはメールアドレスを入力、入力されたメールアドレス宛に再設定用コードを記載したメールを返信、
記載されているコードを入力いただいて再設定完了です。

有料会員登録

有料会員になることでポイント機能が使えるようになります。
ポイントは商品を購入する事で商品価格の1%分をポイントとして獲得します。
獲得したポイントは次回以降の購入で使用することが出来ます。
他にも有料会員になる事で即日配送、送料無料などのサービスが利用可能になります。
また、得点として登録された方全員に1000ポイントを配布しています。

会員情報

自分の会員情報を閲覧できます。
パスワードの変更も可能になっており、変更するとメールアドレス宛に確認コードが送信されます。

CS_demo CS_demo

検索機能

キーワード検索とジャンル絞込の二つの機能があります。
キーワード検索ではタイトル、著者、出版社などで該当する商品がヒットします。
またソート機能もあり、評価順、売上順、出版日順、価格順で並び替えが可能です。

商品情報画面

表紙、タイトル、価格等の商品情報や評価、レビューが表示されログインしていればカートへの追加、購入ができます。 ジャンル、出版社、著者の欄はクリックすることで絞込検索できるようになっています。

CS_demo

カート機能

現在カートに追加されている商品表示、カートから商品削除、商品一括購入できます。

CS_demo

検索から購入までの流れ

こちらが実際に商品を検索し、カートに追加、購入までの流れを記録した動画になります。 購入画面では配送先や支払方法が選択できます。

支払方法変更

クレジットカード登録・削除ができます

購入履歴と評価機能

購入日が最新順に履歴が表示され、購入商品の商品詳細も確認することができます。
購入した商品には1~5の5段階で評価ができます。
セキュリティの為、レビュー機能は利用不可にしています。

お問い合わせ

お問い合わせ項目を選択していただき、内容を入力してください(内容は保存されません)。

CS_demo CS_demo

R-west店側機能

店側サイト概要

商品、顧客情報、従業員情報、売上情報を管理するサイトです。
従業員だけが見ることが出来ます。
従業員には権限レベルが1から3まであり、3のユーザーは管理者となります。

ログイン

従業員IDと従業員パスワードでログインします。
ログイン後は商品一覧が表示されます。

adm_demo

商品管理

販売する商品に関する機能です。

商品管理画面で商品を選択すると、詳細な商品情報が表示され編集することが可能です。

新たに商品を追加することも可能です。

編集した内容は即座に適用されてECサイトに反映されます。

売上管理

商品の売上を表示するページです。

タイトル検索、ジャンル絞込が可能です。

期間別での売り上げを表示します。

縦線グラフと円グラフで売り上げを視覚的に把握できるようにしました。

CSVファイルに出力することも可能です。

アカウント管理画面

顧客の登録情報が表示され、従業員の権限レベルが3(管理者)ならアカウントの停止と停止解除が行えます。

また、ユーザーID、氏名でキーワード検索できます。

adm_demo

従業員管理画面

従業員の登録情報が表示されますが、権限レベル2以下の従業員は閲覧できないようになっています。

このページでは、従業員アカウントの停止/解除、登録情報の変更、新規従業員の登録が可能です。

ほかにも従業員ID、氏名でキーワード検索できるようにしました。

従業員情報(氏名、権限レベル)の編集ができます。

エラーがなければ従業員情報が更新されます。

新たに従業員の新規登録が可能で、エラーがなければ新たな従業員が登録されます。

adm_demo

製作状況

令和6年1月からおよそ2か月間のグループ活動で作成しました。
作業内容を分担することで効率よく作品を作り上げていきました。

開発メンバー

計5名