洋服のECサイト「SHEEP」
使用技術
HTML/CSS/JavaScript/JQuery/Python/Flask/MySQL/GmailAPI
制作期間
3カ月
概要
学校の進級制作展というイベントに出展したグループ作品です。
リーダーに人生で初めて選ばれ、ドラフト形式で取ったメンバーでグループ制作をしました。
かなりつらい期間でしたが、Flaskの基礎を超えた部分やSQL文の書き方など詰め込んだりと、学校生活で一番成長をした期間になりました。
また、出展の際は既に存在しているECサイトなどから画像をダウンロードして表示していましたが、そのままポートフォリオサイトにサイトの画像を載せると著作権違反になるのでフリー画像に差し替えています。
画像提供:Loose Drawing様
サイト構成
Topページ
- ・サイトの各ページに飛べます。
- ・スライドショーは人気TOP30になっています。
- ・サイトの管理者は羊のロゴを押すとサイトデータが見れるページに飛べるようになっています。
商品一覧ページ
- ・商品を検索できます。
- ・左サイドで性別、服の種類で絞ることができます。
- ・右上の絞り込みからソートができます。
商品一覧ページ
- ・商品の色、サイズを選んだ後カートに入れる、購入ができます。。
- ・ハートマークを押すことでお気に入りリストに入れることができます。
- ・レビューを送信することができます。
カートページ
- ・カートに入れた商品を購入することができます。
- ・個数の変更、購入する商品を選ぶことができます。
- ・登録されている住所はアカウント作成時に入力をした住所、お届け先指定の場合は入力することができます。
SHEEP管理ページ
- ・サイトの訪問者数や全体の売上データ、コンバージョン率を見ることができます。
- ・他にもユーザーの管理や商品管理、送られてきたお問い合わせもみることはできますが、デザインが間に合いませんでした。
- ・お知らせ更新はhtmlファイルを送信してお知らせのページを追加したり、追加したページの表示非表示もできるようにしました。
ユーザーの売上管理ページ
- ・自分で出品した商品の売り上げを見たり、商品の在庫を増やしたりできます。