サイトブリッジ株式会社 ２０１４年月１ ６日 ZOMEKI を利用した サイト制作の手順. Web サイトの構成 Web サイトの構成要素 ■ デザイン ・ベースカラー、セカンドカラー、アクセントカラー ・イラスト調、写真調 ・派手なトーン、地味なトーン ■ レイアウト ・３カラム、２カラム、１カラム.

Presentation on theme: "サイトブリッジ株式会社 ２０１４年月１ ６日 ZOMEKI を利用した サイト制作の手順. Web サイトの構成 Web サイトの構成要素 ■ デザイン ・ベースカラー、セカンドカラー、アクセントカラー ・イラスト調、写真調 ・派手なトーン、地味なトーン ■ レイアウト ・３カラム、２カラム、１カラム."— Presentation transcript:

1 サイトブリッジ株式会社 ２０１４年月１ ６日 ZOMEKI を利用した サイト制作の手順

2 Web サイトの構成 Web サイトの構成要素 ■ デザイン ・ベースカラー、セカンドカラー、アクセントカラー ・イラスト調、写真調 ・派手なトーン、地味なトーン ■ レイアウト ・３カラム、２カラム、１カラム （ページを縦に区切る数） ・ヘッダー、グローバルナビ、キービジュアル、左サイドバー、右サイドバー ・幅のピクセル数、解像度への対応（レスポンシブ Web デザイン） ■ ページ階層とナビゲーション ・トップ、中間、詳細ページ ・グローバルナビからの遷移先ページ ・カテゴリ別のナビゲーション ■ カテゴリ分類 ・詳細ページを分類するカテゴリ分類 ■ コーナー ・新着情報一覧、イベントカレンダー、リンク集などのコンテンツのくくり ・ CMS が自動生成するもの、手作業で作り込むもの ■ コンテンツ ・詳細ページのタイトル、本文テキスト、写真、添付ファイル 「週間ランキング」と いうコーナー CMS を利用する場合、制作手順の制約を受けな いため、どこからでも作成し始めることができ る。

3 サイトコンセプトの確定 サイトコンセプトのパターン ■ 商品が売れるサイト 物販系の商店、企業のサイト ・ターゲットのユーザーの集客 ・売れ筋商品を目立つところに掲載 ・ショッピングカートの導線がわかりやすい ■ 仕事を依頼してくれるサイト サービス系の企業のサイト ・信頼感を得やすいデザイントーン ・実力を示すための情報、実績の情報 ・リアリティを出すための写真 ■ 情報が探しやすい 公共サイト ・競合サイトが存在せず、ターゲットの人すべてが利用する ・必要な情報がすぐ探せることが大事 ・幅広いユーザー層に対して公平、中立のスタンスが重要 ■ 運用が簡単 自治体などの規模が大きい公共サイト ・公開画面側のサイトコンセプトではなく、管理画面側のサイトコンセプトも 存在する。 ・運用が簡単であれば、より多くの情報をより効率よく公開できる。 サイトコンセプト デザイン レイアウト コンテンツ カテゴリ ナビゲーション コーナー分け

4 サイト制作の作業フロー 現サイトの問題点分析 類似サイトの横比較 サイトコンセプトの確定 デザイン レイアウト ナビゲーション カテゴリ コンテンツ コーナー分け いろいろな視点から客観的に分 析 比較基準を細分化して評価

5 サイトコンセプトとは？ サイトコンセプトとは、サイトの全体に深く浸透する思想、目的、意志 サイトコンセプトの反映 ■ デザイントーン、カラーにコンセプトを反映 ■ ヘッダーにコンセプトを示す画像を組み込む ■ コンセプトを意図したナビゲーション ■ コンセプトの体系をより明確にするカテゴリ分類 ■ コンセプトを示すコンテンツ、コーナーを左上に配置 サイトコンセプトは、特集記事といった単 なるコンテンツではありません。