ホームページ 制作　WEBサイトリニューアル　運営管理　NetyaSun　ネット屋サン　北海道札幌市


ウェブサイト制作　流れ/手順　Webディレクション

  1. 説明、取材、企画、撮影などの打ち合わせ（ヒアリング）
  2. ウェブサイトのイメージ・デザインを考える（ラフデザイン）
  3. 仮デザインを作る（デザインカンプ）
  4. サーバーやドメインの準備/手配
  5. 業務仕分け。サービス内容の項目分け（ページ分け）
  6. 仕分け項目に合わせて、その内容を決めます。
  7. 宣伝文句・こだわり・アピール点を大胆に決めます（ライティング）
  8. 内容別に文章を書きます（業界プロの視点で詳しく）
  9. 各ページに目的別の「検索キーワード」を何個か決める（見出しや文章内にキーワードを入れる）
  10. 内容や文章に合わせて画像を選択します。
  11. 仮デザインを修正/確認、テンプレートが完成。
  12. 完成したテンプレートでトップページを作る。
  13. グローバルメニュー（ナビ・リンク）やトップページに相応しい内容を入れる。
  14. 仕分けした項目毎にサブページを作る。
  15. サイトのローカル確認。
  16. サーバー設定。ドメインマッピング。
  17. 公開（ローンチ）
  18. 細かい修正/更新作業を経て完成となります。

ウェブサイト制作手順　ステップ１　ウェブデザイン、レイアウト

ウェブサイトは情報提供の営業ツールですが、第一印象も大事です！
大企業やブランド品などの場合、イメージが大事なので、特に綺麗なデザインで高級感や清潔感を心掛けます。
逆に、中小企業や店舗、自営業の場合で、格安感や手軽さ、個性を出したい場合には、
綺麗（立派）過ぎると敬遠される場合がありますので、多少の遊び心も必要です。

まずは、クライアントさんの要望をお聞きします。
何をやりたいのか？　目的、目標は？
どんなイメージ？
デザインやレイアウトは？
全体幅、サイドバーの位置、ヘッダーやフッターの高さ
参考のウェブサイトがある？

主なレイアウト例：
主なレイアウト例
レイアウトを１つ決めます。

このレイアウトを基本に、テンプレートを作ると、全ページ共通のレイアウトが再現できます。
幅を決めます。800px〜1,000px程度が一般的です。ブラウザ幅で伸縮するリキッドレイアウトも可能。
昔は、左寄りのページが多かったのですが、ワイドモニターが主流の昨今は、センター配置が流行です。
※ このページは、両サイドの影も入れて820pxのセンター配置です。

使いたい画像とレイアウトを合わせながら組み立てますが、
商用サイトの場合、ヘッダー部分は特に目立つように、業種がわかる画像を利用します。

ヘッダー部分には、宣伝文句や業種/サービス内容などのキーワードを盛り込み、
企業名（屋号）、ロゴ、地域名（住所）、電話番号などを明記します。
顔の部分ですから、ここが一番のアピールポイントになります。
配色も重要で、業種や商材・企業カラーによって決めると良いでしょう。
白系＝企業、黒系＝高級商材、赤系＝食品関係、明るい＝清潔感。

異業種でも同業他社でも他のウェブサイトをじっくり観察し、イメージを参考にして下さい。

仮デザイン（カンプ）を作る為に準備して頂く事。
レイアウトを決めて、大まかな枠の幅を設定して下さい。
全体の配色を決めて下さい。
ヘッダー項目、ヘッダーの内容を決めて下さい。
フッターの内容を決めて下さい。
ヘッダーやフッターの画像をご用意/ご選択して下さい。
ロゴのデザイン案を決めて下さい。
ブックマークやアドレスバーに表示される、ファビコン（小アイコン）も決めます。
業種を問わず、参考になるサイトがあれば、URLをご提示下さい。
ご希望するイメージが明確な場合には、詳しく・具体的にお伝え下さい。

不要な物は削除、その他に必要なコンテンツがあれば、ご提示ください。
難しくて進まない場合や迷っている場合は、お気軽にご相談いただいたり、お任せ頂いても構いません。

出来るだけ詳細にイメージをお伝え願います！

ここまで、やって頂ければ、当「ネット屋サン」が、仮のテンプレート（デザインカンプ）を作ります。
完成後は、クライアントさんに拝見して頂き、修正を経てデザインテンプレートが完成します。

基本的には、この時点までにご契約完了（制作料金：前払い決算）とさせて頂きます。

ウェブサイト制作手順　ステップ２　サーバーや独自ドメインの設定

外部でご契約頂いてるサーバーや独自ドメインを調査致します。
また、サーバーやドメインが無い場合や制作サイトの仕様に見合わない場合のは、
取得や移転・移管が必要になる場合があります。
制作・設置までサポートしておりますので、
サーバーや独自ドメインを検証する為に、ログインさせて頂く事もあります。
その際には、各ご契約サービスの
　・業者名　・ログインURL　・アカウントID　・パスワード　・その他の情報（契約内容など）
などをご提供下さい。※ 守秘義務は厳守します。

次の項目は、ステップ３　ライティング です。

ご不明の点や各種ご相談もお気軽に
メールまたはメールフォームにてお問い合わせ下さい。
ホームページ依頼　　 お問合せ フォーム