デザイン完成分のチェックをします

ホームページの製作手順に関して解説していきます 腕時計 販売サイト my-watch.biz



● 01_005_007-完成分のチェック

● 01_005_008-修整・追加

デザインのカンプで間違いが無いか、修整・追加が無いかを確認します。この工程は顧客、決裁者に出す前です。自己確認ですね。
演習の為、敢えて追加、修整例を出しています。

勢いで作っていく事が多いので、翌日ぐらいに冷めた頭で第三者的に眺めて見ましょう。
実際のHTML製作で変更が生じる場合もあります。イラストレータとHTMLではまったく同じレイアウト、文字の大きさ、などにはなりませんから。

これをプリント・アウトして顧客、決裁者に見てもらい、判断を委ねることになります。

01-トップ.pdf

 タイトル、見出し文章、他ページ・リンク、検索フォーム、商品一覧、フツター は区切り船などは使用していませんがブロックではっきり分かれているので分かり易いと思います。もう少し文章を入れて、デザインに細かいところを入れたい気持ちは無いわけではありませんが、分かり易さを最優先にしたいので手を入れたい気持ちを抑えます。このページがサイト・デザインの土台ですね。
02-商品検索リスト画面.pdf
 
 このページ以降は検索フォームは配置していません。
 それよりリストを20点確保しています。
 画面転移数を減らすのが目的です。
 項目数の設定は暫定です。もしHTMLで追加できる場合は変更します。このページはこのままです。

03-商品検索単体画面.pdf

 「メールで問い合わせます」をクリックすると商品への質問を可能にしています。タイトルに自動的に商品名を入れます。
 ここも変更・追加はありません。
04-商品集計画面.pdf

 ここでは「カードの中を確認」というボタンは必要無いですね。
 このページ自体が「カートの中」ですから。
 ボタンを削除します。
 このページでは集計、金額計算以外に前回購入済みの顧客にパスワードを自動発行して2回目以降から登録データの呼び出しを可能にしています。
 パスワードを忘れた人にはメールでパスワードを送信します。
05-申し込み画面.pdf

 支払方法の選択がありませんね

 代引き、銀行振込、郵便振込みを追加します。
 通信欄が必要です。


 再度、製作内容を確認します。
 追加は以上とします。

06-申し込み確認画面.pdf

 05-申し込み画面で追加された分を同様に追加します

 デザイン・レイアウト自体は前の画面と同一なので他は修整・追加はありません。
07-申し込み完了画面.pdf

 少し「お申し込みが完了しました」のサブ・タイトルがそっけないですね。

 このサブ・テイトルに装飾を追加します。

08-特定商取引に関する法律に基づく表示.pdf

 内容が生真面目なので、わざと事務的な感じにしています。

09-ご注文に関する注意.pdf

 若干の装飾だけだす、読みやすさ重視。
 タイトルにアイコンを追加。

10-配達に関して.pdf

 若干の装飾だけだす、読みやすさ重視。
 タイトルにアイコンを追加。


11-返品・交換.pdf

 若干の装飾だけだす、読みやすさ重視。
 タイトルにアイコンを追加。
12-お問い合わせ.pdf

 内容的に十分だと思います。装飾はあまりしていません。
 タイトルにアイコンを追加。
13-会社概要.pdf

 若干の装飾だけだす、読みやすさ重視。
 会社所在地の地図(架空のものです)を追加します。
 タイトルにアイコンを追加。

14-プライバシーポリシー.pdf

 内容が生真面目なので、わざと事務的な感じにしています。
 タイトルにアイコンを追加。
15-免責事項.pdf

 内容が生真面目なので、わざと事務的な感じにしています。
 タイトルにアイコンを追加。



戻る
MSweb 〒547-0034 大阪市平野区背戸口3-3-15 背戸口シャルマン403号 TEL/FAX 06-6701-2679 携帯 090-9615-8045 Copyright (c) 2007 MSweb All Rights Reserved