ECサイト(植物販売)

OVERVIEW

「ウェブコンテンツ実践」という授業で作成。授業の中でJQueryについて学んだので、少しだけ使用してみた。HTMLとCSSも使って作成。

YEAR 2018

ホーム画面。

トップと大きさ選択ができるメニューを作った。植物の販売サイトなので、グリーンをメインカラーに。



植物を販売するにあたって大きさ別に分けて、消費者が自分の好みの大きさから自分の欲しいと思っている植物を見つけられるように植物を大・中・小にわける。


どの大きさの植物が欲しいかイメージがわかない人のために、大きさ別の特徴をまとめたページを作成。それでも何を買っていいかわからない人のために人気の植物を2つピックアップしておすすめに入れた。


一覧はこんな感じ。

植物の名前と値段が表示される。


植物の原産地や育て方などを書いて、消費者が自分の買っているところをイメージできるようにした。

気に入ったら購入画面に移ることができる。購入のボタンはHTMLではなく、JQueryを使って移動する。



購入が完了すると、購入完了ページが出る。