ホームページ制作仕様書sample

Size: px

Start display at page:

Download "ホームページ制作仕様書sample"

しのぶそめや
7 years ago
Views:

3 更新日付更新箇所更新内容

4 A-1 トップページ会社サービス特徴コンテンツサブコンテンツその他 CV B-1 会社概要 C-1 料金案内 D-1 プランニング E-1 マーケティング F-1 Web 制作 G-1 ブログ H-1 コラム I-1 実績公開 J-1 リンク集 K-1 お問合せ B-2 代表挨拶 D-2 企画書見本 E-2 手法解説 F-2 システム制作 H-2 内容 L-1 サイトマップ M-1 FAQ D-3 設計書見本 F-3 CMS 改修

5 制作するページ数ホームページ制作にあたりその総ページ数の上限を予め定めておきます企画の検討が進するほどホームページに対する要望が増えていくものですがそれらを無制限に加えていくと作業量も増え納品が遅くなってしまいますまずは当初の仕様とおりの制作を終え期までに公開をする必要があります ( ホームページは公開してからの継続的な情報の追加と更新が事です ) 本ホームページ制作においては初期の総ページ数をページ以内で設計します使用する WEB プログラムホームページには単純な HTML のみで動作するものとコンテンツマネジメントシステム (CMS) によって動作するものがあります CMS にはムーバブルタイプワードプレスズープスなどの種類がありどのシステムを採するかを明らかにしますまた各種フォームや動画再などの機能を設置するには CGI JAVA Flash などのプログラムを使する必要がありこれらの WEB プログラムについても明らかにしますホームページに採するシステム : バージョン : フォームに採するプログラム : バージョン : 動画再に採するプログラム : バージョン

6 動作保証をする OS とブラウザホームページを閲覧する端末は PC の他にタブレットやスマートフォンなど多岐に渡っています PC の場合には複数の OS とブラウザが存在しそのバージョンも多くありますタブレットやスマートフォンも OS がアンドロイドと IOS が存在していますこうした複数の環境の中で正常な動作を保証する環境を明らかにしますまた複数の表環境を動的に判別して最適な解像度で表するレスポンシブウェブデザインを採するか否かも明らかにしますサポート OS:WindowsVista XP 7 8 マック OS9 X サポートブラウザ :InternetExplorer8 以降 FireFox3.5 以降 Chrome3.0 以降サポートタブレット OS: Android ios レスポンシブウェブデザインの採の有無 ( ) 制作期間と料金ホームページの制作は本仕様書の確定と別紙契約書の締結が出来てから着となります本件のホームページ制作の料と払い法は次のとおりです制作期間 : 着から間制作料 : 円 (1) 着 : 円 ( 払期限 : 年 ) (2) 検収終了後 : 円 ( 検収の定義および払い時期は別紙契約書に基づく )

7 SEO SEO とは検索エンジン最適化の略でコンテンツの質をめる技術です検索結果で上位表されたり質のさからソーシャルに情報が流れクチコミ効果もまります各タグの意味を理解し正確に扱う事 <title><meta><h1> などは特に HTML の中に CSS を組み込む場合はくなりすぎないように注意すること重要コンテンツには基本的に Flash や JavaScript を活しないことページ全体にリンクがき渡るようリンク設計をしっかりうこと効果検証アクセス解析ホームページは出来上がり公開してからが本当のスタートになりますアクセス解析は必ず設置し効果検証による PDCA サイクルを必ず実して下さいアクセス解析出来るように設定を公開時点で必ずうこと効果検証がしやすいよう標地点標数などを設定しておくことコンバージョンページを明確に定めることが可能ならば設定し検証の材料とすることその他ユーザー定義が必要であれば専家の意も伺いながら設定をすること

8 継続的更新サポートホームページは公開後に掲載する情報の更新を継続することで価値がまっていくものですホームページの更新には定の間がかかるものでありその更新作業を弊社がサポートするメニューをご意していますホームページの継続的更新業務サポート料 : 円 / 額本メニューの契約有無 ( 有無 ) (1) 新規ページの追加 ( 間ページを上限 ) 貴社から原稿や画像等の資料を提供頂いたものを弊社が編集して投稿します (2) コンテンツ内容のコンサルティング貴社が掲載した内容を精査し閲覧者の反応率をめるためのコンサルティングを実施します継続的運営代行ホームページの運営を弊社が代するメニューもご意していますホームページの運営代料 : 円 / 額本メニューの契約有無 ( 有無 ) (1) 新規ページの追加 ( 間ページを上限 ) 弊社より貴社を取材させて頂き毎の記事を投稿します (2) 顧客とのメール対応の代 (3) イベントやセールス企画のご提案と実施 (4) メールマガジンの発代 (5)SEO や広告のコンサルティングと操作代

9 文章文法構成 HTML 要素属性には字で記述し字は使しないこと img 要素には width,height を必ず設定することの記述漏れをしないこと HTML 要素は書構造をす為だけに使し整形する為には使しない (b,i,center など ) 基本的な構造整形は CSS を使っていまた過剰な全体適は避けること (body タグに適 ) クラス名 ID 名は簡潔である事が望ましくアンダーバーの過剰使を避けること (m_t10 など ) 文字サイズ使用フォント使する基本字フォントは Lucida Grande 代英字として Calibri, Helvetica, Arial を使使する字のカラーは #333 を基本出しなどの部分は #444488,#ddddee を使う事字フォントは適宜状況によって利し上記フォントのみを使するとは限らない字コードは UTF-8 を基準としシステムとの連携がある場合は状況に合わせる字サイズは可読度を考慮した上 14px を基準とし 13px 以下には可能なかぎり下げない事変更が多い項である為基本を確認踏襲した上で状況に合わせること

10 DOCTYPE 宣言 meta 情報記述全てのページで DOCTYPE 宣を記述すること全てのページで語属性 (lang 属性 ) の指定を必ずうこと meta 要素の charset には使する字コードを記述すること meta name= の robots,description,keywords,copyright は必ず設定すること description,keywords のに内容は各ページ毎に変えること copyright には年号を加えないこと meta http-equiv の記載も必ずうことレイアウト制限 frame 要素は使しないこと frame 要素は要素内のページのみが検索結果に認識されてしまうとナビゲーションが表されない table 要素は表組みとしての使は可能出しには th 要素を使うことレイアウトとしての table 要素の使は原則禁 (table レイアウトとわれるもの ) table 要素によるレイアウトは CSS による部分との乖離が発する為問題が起きやすい table 要素によるレイアウトをう場合には必要な理由を必ず相互で確認することファーストビューを意識してレイアウトする事ファーストビューは横幅 890px 縦幅 620px が般的

11 対応 OS ブラウザ IE6,IE7 への過剰な対応は不必要 Safari,Firefox,Chrome への対応を主軸にする OS に関してはどの OS からでも閲覧できるようにすること iphone などのスマートフォンへの対策も考慮しブラウザチェックをうことターゲットユーザーを明確に策定し利されるであろうブラウザ全てに対応する IE6,IE7 など IE 系は表の不具合が発しやすく対応 CSS も少ないため注意することどうしても各ブラウザに対応できない場合は画像プログラムなどで修正することディレクトリ構成各コンテンツページを同じディレクトリ内で管理しないことプランニングはプランニングマーケティングはマーケティングのディレクトリ内で管理すること各コンテンツ毎にディレクトリを作成しその中で画像ファイルなどを管理すること共通のコンテンツファイルに関しては共有のディレクトリ内で管理することただし基本的に共有を作らないこと ( 削除した場合共有していた全てが影響を受けるため ) 共有する場合には何処と何処が共有しているのかを明確化出来るよう仕組化すること

12 仮 ) の訪問診療事務所フリーダイヤル医院紹介訪問医療について診療の流れよくあるご質問お問い合わせメインメニュー ( メニュー固定 ) サイト内リンクへのリンクを配置しますイメージ画像メインビジュアル直接てきなイメージ画像を配置連想させる様な写真も効果的患者さん家族に寄り添う在宅医療を提供しますかかりつけ医として訪問在宅診療を行います看護師がご自宅にお伺いし療養上に必要な支援とご相談を承りますキラーコメント TOP 画面で表示住み慣れたご自宅で家族と一緒に過ごしながら医療を受けられますかかりつけ医として総合的な在宅医療を提供します在宅での緩和ケアを行い最期まで自宅で生活できるようにお手伝いします生活全般に必要な医療介護の情報を提供します他の医療機関と密接な連携を保ち地域での医療貢献に尽くします医療内容の向上のため医院職員一同自己研鑽に努めます他の地域は定期的訪問診療の曜日と時間を別途ご相談のうえ承ります > 提携先連絡先一覧 > 個人情報保護方針利用案内バナー初めての閲覧者に対して分かりやすいバナーで目的のサービスへ誘導させる詳細はページ内へリンクする診療時間とエリア

13 header 横幅は 960px 縦幅は 2500px を限度とする banner main header 部にはロゴサイト名メニューメニューはアイコンなどを使い視覚的に banner 部にはコンテンツ内容を強調する内容または強調したい広告がある場合に活用 content1 content2 content3 main 部にはインパクトある画像を使用鳩 content4 contents 部にはメインコンテンツを並べる更新履歴制作実績なども配置 footer footer 部にはフッターメニューの設置と縦幅の活用画像背景の使用で立体的に

14 header page title breadcrumb list header 部にはロゴサイト名メニュートップページと構成を決して変えないこと page title はインパクトが出るよう画像を使用パンくずリストの事必ず各ページには挿入 main sub main 部には各コンテンツの詳細 footer sub 部には別途コンテンツへの誘導部分単純なバナー配置ではなく問い合わせへなどの誘導やユニークな装飾を行って面白楽しく footer 部にはフッターメニューの設置トップページと構成を変えず共通で使用する

15 header page title breadcrumb list main footer sub 会社概要のページには企業理念の挿経営理念の挿各解説もれることまた代表挨拶へのページ誘導もう会社の詳細を明記したものも挿するただ現状は個での運営になるため載せれる情報に限度がある事に注意情報量が少なすぎる場合不信感に繋がることもある為個でやっている事協クリエイターがいる事グループ活動をしている事など明記できることがあれば出来る限り詳細に記述するシンプルなページになりがちな為章だけではなく装飾などでミニマルながらインパクトのあるページにしておきたい印象に残るように装飾の都合上場合によっては sub 部を撤廃しても良いかもしれない幅を取ることで由度と新しさインパクトを提供

16 ディレクション期間 : 約 6 日サイト制作作業期間 : 約 14 日 ( 確認修正により延長する可能性あり ) 1 独自ドメイン及びホスティングサービスのご契約名義は院長名義になります 2 独自ドメイン及びホスティングサービスは年間契約の一括払いになります 3 お支払い : 弊社立替に後別途ご請求書を発行しお支払いいただきます 1 独自ドメイン及びホスティングサービスのすべての情報を院長へお返しします 2 年間自動支払の切り替え : 弊社自動引き落とし設定を院長のお支払い方法へ切り替えます 3 弊社預かりの情報をすべて消去しすべての管理を弊社サーバから消去いたします

17 確認用 URL /index.html パソコン表示でサイトの閲覧をしていただきブラウザの幅を最小サイズにするとスマホタブレットサイズに自動調整してサイト表示されますもちろん実際のスマートフォンで表示されても自動調整されますパソコン版表示時 : ACCESS: 地図表示ボタンが表示 CONTACT: お問い合わせボタンが表示スマホタブレット版表示時 : ACCESS: 地図画面が表示 CONTACT: 今すぐ電話をかけるボタンが表示

18 委託者と受託者は別紙契約書を基本としたうえで本仕様書の内容について合意しホームページ制作について着手するものとする本仕様書に記載された内容に基づきホームページ制作を実施することに同意した平成年月日委託者受託者

ホームページ制作提案書sample

ホームページ制作提案書sample v v v v メインメニューサブメニュー仮 ) 訪問診療事務所フリーダイヤル 0120-000-0000 医院紹介訪問医療について診療の流れよくあるご質問お問い合わせメインメニュー ( メニュー固定 ) サイト内リンクへのリンクを配置しますイメージ画像メインビジュアル直接てきなイメージ画像を配置連想させる様な写真も効果的患者さん家族に寄り添う在宅医療を提供しますかかりつけ医として訪問