【自主制作】WEBサイト -架空のドーナツ屋-

OVERVIEW

架空のドーナツ屋さんのトップページとECサイトを制作しました。

URL: https://xs01060505.xsrv.jp/

【制作期間】3日間 

【体制】3名

【制作技術】HTML、CSS、jQuery、PHP

【作業担当】 

トップページデザインカンプ SP/PC (Photoshop )

トップページ

共通部分  (header,footer)

ロゴ

【機能】

カート機能

決済機能

お問い合わせ(メール)


◎カート情報

×ボタンで取り消しや数量の変更や、

ショッピングを続けるから商品の追加が可能です。

カートに商品を追加すると右上のかごアイコンに●がつきます。


下記の情報を入力いただくとご購入をお試しいただけます。

◎支払い情報

メールアドレス:test@gmail.com

カード情報:4242 4242 4242 4242

MM (月) / YY (年) :01/30

セキュリティコード:123

 カード保有者の名前:TEST


【工夫した点】

はじめてデザインから作成しましたが、サイトに興味を持ってもらえるように

トップページのローディングアニメーションなどで

ファーストインパクトを大事にしました。

商品のドーナツが目立つように配色、その他のデザインはシンプルに設計しました。

レスポンシブはスマホ版とPC版になります。 

【課題】

  • 在庫管理
  • 購入キャンセル処理の実装


WEBSITE