Transcript PowerPoint

ZOMEKIを利用した
サイト制作の手順
サイトブリッジ株式会社 ２０１４年月１
６日
Webサイトの構成
Webサイトの構成要素
■デザイン
・ベースカラー、セカンドカラー、アクセントカラー
・イラスト調、写真調
・派手なトーン、地味なトーン
■レイアウト
・３カラム、２カラム、１カラム （ページを縦に区切る数）
・ヘッダー、グローバルナビ、キービジュアル、左サイドバー、右サイドバー
・幅のピクセル数、解像度への対応（レスポンシブWebデザイン）
■ページ階層とナビゲーション
・トップ、中間、詳細ページ
・グローバルナビからの遷移先ページ
・カテゴリ別のナビゲーション
■カテゴリ分類
・詳細ページを分類するカテゴリ分類
■コーナー
・新着情報一覧、イベントカレンダー、リンク集などのコンテンツのくくり
・CMSが自動生成するもの、手作業で作り込むもの
■コンテンツ
・詳細ページのタイトル、本文テキスト、写真、添付ファイル
「週間ランキング」という
コーナー
CMSを利用する場合、制作手順の制約を受けない
ため、どこからでも作成し始めることができる。
サイトコンセプトの確定
サイトコンセプトのパターン
■商品が売れるサイト 物販系の商店、企業のサイト
・ターゲットのユーザーの集客
・売れ筋商品を目立つところに掲載
・ショッピングカートの導線がわかりやすい
■仕事を依頼してくれるサイト サービス系の企業のサイト
・信頼感を得やすいデザイントーン
・実力を示すための情報、実績の情報
・リアリティを出すための写真
デザイン
レイアウト
ナビゲーション
■情報が探しやすい 公共サイト
・競合サイトが存在せず、ターゲットの人すべてが利用する
・必要な情報がすぐ探せることが大事
・幅広いユーザー層に対して公平、中立のスタンスが重要
■運用が簡単 自治体などの規模が大きい公共サイト
・公開画面側のサイトコンセプトではなく、管理画面側のサイトコンセプトも存在する。
・運用が簡単であれば、より多くの情報をより効率よく公開できる。
サイトコンセプト
カテゴリ
コーナー分け
コンテンツ
サイト制作の作業フロー
現サイトの問題点分析
いろいろな視点から客観的に分析
比較基準を細分化して評価
類似サイトの横比較
サイトコンセプトの確定
デザイン
レイアウト
カテゴリ
ナビゲーション
コーナー分け
コンテンツ
サイトコンセプトとは？
サイトコンセプトとは、サイトの全体に深く浸透する思想、目的、意志
サイトコンセプトの反映
■デザイントーン、カラーにコンセプトを反映
■ヘッダーにコンセプトを示す画像を組み込む
■コンセプトを意図したナビゲーション
■コンセプトの体系をより明確にするカテゴリ分類
■コンセプトを示すコンテンツ、コーナーを左上に配置
サイトコンセプトは、特集記事といった単なる
コンテンツではありません。