商品詳細画面はこれ


プログラミングファン

1日1画面を目標に進めています。

商品詳細画面を作りました。ごちゃごちゃして見づらいのは嫌なのでシンプルな作りです。

買うものが決まっているユーザは商品名と価格がわかれば良いはずなので、商品名と画像と価格が最初に来るように配置し、その下にカートに入れるボタンを配置しました。

商品を買うかどうか検討中の人は、詳細説明が見たいと思いますので、その下に商品の説明を記載しました。商品説明は概要と詳細説明です。


操作性がわかるように動画にしたものを以下に置いておきます。
(44秒の動画です)


商品の登録画面(管理者機能)は以下のようになっていて、ここで入力した商品情報が反映されるようになっています。


携帯サイトの残作業は以下の通り(前回から1つ減り・1つ増えました)
昨日今日で、軽微なバグも発見したので、修正もやらなくては・・・

今月中の完成を目指します。

・商品カテゴリリスト
・商品詳細説明画面
・ショッピングカート
・精算画面(クレジットカード決済も・・)
・購入履歴画面
・お問い合わせ画面
・ユーザ情報の閲覧・更新画面(忘れていたので追加・・)

今月中に完成できるか・・・

つづくw


↑ ここをポチりこお願いいたしますw


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です