自社 Web サイトリニューアル提案依頼書 ubicast 樺澤 2011/01/14 目次 1 趣旨............................................................................................................................ 4 2 背景............................................................................................................................ 4 3 目的............................................................................................................................ 4 4 全体のデザインコンセプト .............................................................................................5 4.1 グローバルナビのあり方の改善 ..............................................................................5 4.1.1 4.2 ユーザビリティを意識したデザインに改善 ...............................................................5 4.2.1 4.3 調査依頼事項 ................................................................................................5 トラフィックの多いコラムから他のコンテンツへの最適な誘導へ改善.........................5 4.5.1 5 調査依頼事項 ................................................................................................5 製品情報のあり方の改善 .......................................................................................5 4.4.1 4.5 調査依頼事項 ................................................................................................5 一般的なコラムのあり方の改善 ..............................................................................5 4.3.1 4.4 調査依頼事項 ................................................................................................5 調査依頼事項 ............................................................................................... 6 デザイン作成範囲 ........................................................................................................7 5.1 Top ページ ...........................................................................................................7 5.1.1 Top ページに含まれる、デザインが必要な要素 ..............................................7 5.2 リストタイプ一覧 .....................................................................................................7 5.3 パネルタイプ一覧 ..................................................................................................7 5.4 コラム個別記事詳細 ..............................................................................................7 5.5 製品情報個別記事詳細 ........................................................................................7 5.5.1 5.6 製品情報個別記事詳細ページに含まれる、デザインが必要な要素 .................7 ブログ................................................................................................................... 8 5.6.1 ブログに含まれるデザインが必要な要素 ........................................................ 8 5.7 サイトマップ .......................................................................................................... 8 5.8 問い合わせフォーム ............................................................................................. 8 5.9 会社概要 ............................................................................................................. 8 5.9.1 5.10 ブログに含まれるデザインが必要な要素 ........................................................ 8 エンタープライズ向け CMS 機能比較表 ............................................................ 8 6 開発期間 .................................................................................................................... 9 7 作業範囲 .................................................................................................................... 9 8 成果物 ........................................................................................................................ 9 9 技術要件 .................................................................................................................... 9 9.1 HTML ................................................................................................................. 9 9.2 サポートブラウザ ................................................................................................... 9 9.3 対象 OS ............................................................................................................... 9 10 特記事項 ................................................................................................................. 9 1 趣旨サイトデザインを刷新し、サイト全体の見通し改善やユーザビリティを向上させる。 2 背景ページの閲覧者がこちらの意図するページへアクセスするための導線が弱い。例えばアクセスの多いページとしてコラムが挙げられるが、そこから他のページへのアクセスをせずに閲覧を終えてしまうパターンが多い。また、製品情報のページでは更に下位の階層に気づきにくい構成になっているため、閲覧者をうまく誘導しているとは思えないというのが現状である。 3 目的実際に我々が想定しているコラムからの遷移は、営業に関わる製品紹介（OpenCms 関連ページ）である。出来る限り多くの閲覧者が我々が意図しているページへ遷移するような工夫を盛り込みたい。もちろん他のコンテンツに関しても同様で、特に営業関連とリクルートのページへの導線を強めたい。また、今回受領予定の各デザインは CMS のテンプレートとしてパーツを再利用する事を念頭に置く必要があり、CMS に特化した形での HTML が必要。 4 全体のデザインコンセプト 4.1 グローバルナビのあり方の改善サイト構成、見せ方の改善 4.1.1 調査依頼事項・現状のグローバルナビの項目に過不足がないか？・デザインが妥当なものか？ 4.2 ユーザビリティを意識したデザインに改善ローカルナビの場所・見せ方の改善 4.2.1 調査依頼事項・現状のローカルナビの項目に過不足はないか？・現状のローカルナビの形式（ツリー状）は適切か？・ローカルナビ選択後、より誘導を促進させる手段はないか？ 4.3 一般的なコラムのあり方の改善構成を読みやすく改善 4.3.1 調査依頼事項・コラムのレイアウトは適切か？・現行のコラムをより読みやすく、閲覧者を引き込む方法はないか？ 4.4 製品情報のあり方の改善タブを使う等、現状の改善 4.4.1 調査依頼事項・製品情報のレイアウトは適切か？（ユーザーの混乱を招かないか？）・わかりやすく、顧客に強く訴えかける方法はないか？ 4.5 トラフィックの多いコラムから他のコンテンツへの最適な誘導へ改善コラムに限らず、ページ全体で共有できる最適で整合性のとれた誘導方法があればベター 4.5.1 調査依頼事項・コラムの他ページとの結び付きは十分かつ適切か？・他ページへの遷移をより効率的に先導する方法はないか？・コラムから営業につながるページや採用情報へもっと強い導線を引く方法はないか？ 5 デザイン作成範囲 5.1 Top ページ新規デザインの適用 5.1.1 Top ページに含まれる、デザインが必要な要素・ヘッダ・フッタ・グローバルナビ・ローカルナビ・パンくずリスト・ニュース一覧・LPO 窓・特集ページ部分（現在ページ下の ubicast クローラー、OpenCms など）・最新ブログ記事記載 ※上記パーツは共通パーツとして他箇所でも使用予定 5.2 リストタイプ一覧新規デザインの適用 ※画像のみ（バナーのみが並ぶ）、画像＋テキスト（バナー・アイコン＋説明）等バリエーションがあるとベター 5.3 パネルタイプ一覧製品情報を一覧表示する際に現状ではリスト表示している部分をパネル形式で一覧表示する 5.4 コラム個別記事詳細新規デザインの適用 5.5 製品情報個別記事詳細新規デザインの適用 ※現状の製品個別ページでは、各個別ページ以下の内容を見渡しづらいため、製品個別ページごとに製品特有のナビ（恐らくローカルナビ形式）を付ける等提案をしてください 5.5.1 製品情報個別記事詳細ページに含まれる、デザインが必要な要素・タブ式メニューリスト 5.6 ブログ新規デザインの適用 5.6.1 ブログに含まれるデザインが必要な要素・ページング（「次のページ」「前のページ」「目次」）（「次のページ」｢前のページ｣以外に各ページへダイレクトにリンクするためのページ番号を表現するデザインもご提案ください。） ※上記パーツは共通パーツとして他箇所でも使用予定 5.7 サイトマップ新規デザインの適用 5.8 問い合わせフォーム新規デザインの適用 5.9 会社概要テーブル新規デザインの適用 5.9.1 ブログに含まれるデザインが必要な要素表の新規デザイン ※上記パーツは共通パーツとして他箇所でも使用予定 5.10 エンタープライズ向け CMS 機能比較表表の新規デザイン ※上記パーツは共通パーツとして他箇所でも使用予定 6 開発期間２月頭完了を目処とする。 7 作業範囲・弊社ホームページの読みこみ、リニューアル用のサイト構造提案・HTML/CSS/画像の作成 8 成果物・要件定義書・サイト構造提案をもとにしたサイト構成図・「5 デザイン作成範囲」で定めたデザイン作成範囲の HTML・CSS・素材 9 技術要件 9.1 HTML XHTML 1.1 Strict（要相談） 9.2 サポートブラウザ IE7 Firefox3 Chrome Opera 9.3 対象 OS Windows XP Windows Vista Windows 7 Mac/OS 10 特記事項・上記要望に加え、ページやパーツのデザインを追加する場合の見積もご提示願います。