My Citiesocial

OVERVIEW

ウェブデザインと決済手続きをシンプル化し、ユーザーが使いやすいECサイトです。

YEAR 2021

作成の目的

line payのような電子決済サービスと連携するオンラインショップの使用者がだんだん増えてくるので、ユーザのニーズを満足させるため、操作がシンプルでスマホ決済ができる便利なECサイトを作りたいと思います。


テスト用アカウント & 関連リンク

URL             :https://serene-harbor-48921.herokuapp.com/

github        :もっと詳しい説明や(機能一覧、使用したgemなど)はこちら

私のブログ:https://hackmd.io/@7beedhBrQk2FjyAtSY5wxQ

  • 管理者アカウント

メール       : admin@gmail.com 

パスワード:  11111111 

  • 注意事項
    • 初めてアクセスする時、時間がかかるかもしれないので、しばらくお待ちください。
    • 同時に複数の方がログインしている場合に、ログインできない可能性があります。 

使い方の紹介

  • トップ画面

商品リストが一覧で表示されていて、商品名検索または商品ジャンルから探することもできます。
欲しい商品があったら品目と数を入力してカートに入れましょう。

 

  • カート・LINE Pay決済の流れ & 注文履歴 画面

カート画面:  購入したい商品価格と数と合計を再確認したら、レジに進み注文を確定します。
ほかには商品を削除、買い物を続けるもできます。

会計画面:  お届け先を入力して、Line Pay 決済ボタン押したら、決済ページに移動します。

LINE Pay決済:  スマホのlineで画面に表示されるQRコードをスキャンして、
表示された金額を確認完了後、決済しましょう。(LINE Pay決済はサンドボックスモードです。ご安心ください)

注文履歴画面:  これまでの注文日、注文番号、取引金額や狀態が確認できます。

  • 商品管理システム

管理者アカウントでログインすれば、商品管理システムに入れます。

メーカー管理: メーカーに関する名前、説明、公開など追加や編集を行います

ジャンル管理:  商品をジャンルごとに分類して表示する機能です。
ジャンルの表示順序を並び替えると、トップページの表示場所はジャンル管理の表示順序によって異なります。

商品管理:  登録した商品が一覧で表示されている、または商品を追加、在庫管理、編集、削除などもできます。


WEBSITE