www企画書

1. 渋谷 WWW 様
Web サイトリニューアルのご提案

2. ご依頼の内容
1
案件
利用者が使いやすく、集客につながる web サイトの作成。

3. トップページに載っている情報が少ない。
スケジュールがわかりやすいデザインではない。
Web サイトについて
2
現状分析
業界の現状分析
集客に力を入れていない。
利用しやすく洗練されたデザインのサイトが少ない。

4. 3
基本コンセプト
イベント情報をどこよりも見やすくし、様々な音楽文化の
体験を提供する。
掲載するイベント情報の変動が激しく、多様なジャンルを
扱うので、不自然にならず見やすいようにシンプルにしま
した。

5. 4
対象ユーザー（ターゲット層）
音楽に関心があってカルチャーに敏感な層。
東京か東京近郊在住の方。
年齢層
20 代～ 60 代

6. 5
必須機能・必須情報・必須ページ
web サイトに必要な機能
お問い合わせシステム
チケットの販売システム
web サイトに必要な情報
イベントスケジュール、ニュース、アクセスマップ、
ブッキングについて、イベントスペースについて ( 機材や環境の
情報等 )
web サイトに必要なページ
新着イベント情報、スケジュール表、お問い合わせフォーム、
リクルートページ、ブッキングについて、機材について

7. 6
対象デバイス・対象ブラウザ・ブレイクポイント
PC, スマートフォン , タブレット
Chrome/IE/Edge/firefox
-767px( モバイル )
768px - 1024px,(PC, タブレット )
1024px - (PC 専用ワイドスクリーン )
対象デバイス
対象ブラウザ
ブレイクポイント

8. 7
デザイントーン＆マナー・カラープランニング
多様な音楽ジャンルの情報を載せるので、不自然にならないよう
にミニマルなデザインに仕上げました。
一番重要なイベント情報はなるべく多く配置し、尚且つ
見やすいようにボックスにして並べました。
すっきりと閲覧できるようにグリッドを使ってレイアウト
しました。
その他の情報もページの横幅を広く使って見やすくしました。
ベースカラー：モノトーン
メインカラー：ライトグレー
アクセントカラー：ネイビー

9. 8
スケジュール
1 日目 各ページのワイヤーフレーム作成
2 日目～ 3 日目 各ページのデザインカンプ作成
4 日目～ 8 日目 コーディング
9 日目以降 修正、バナー作成

10. 9
サイトマップ
HOW TO BUY TICKET
BOOKING
RECRUIT
SCHEDULE
FEATURE
ABOUT
ACCESS
CONTACT
トップページ
スケジュール一覧
ニュース & トピックス
アクセスマップ
各種お問い合わせフォーム
地図 / 住所 / 電話番号
設備の詳細 / チケット購入フォーム
ニュース / トピックス
イベントスケジュール月別一覧
ナビゲーションバー
ナビゲーションバー
ナビゲーションバー
ナビゲーションバー
ナビゲーションバー
フッター
フッター
フッター
RECRUIT リクルートページ
PRIVACY POLICY プライバシーポリシー

11. 10
トップページのレイアウト 1/2
メインメニュー /SNS( 全ページに配置 )
コンテンツを利用するためのリンクを配置しました。
SNS のアカウントへのリンクを配置しました。
メインビジュアル
新着イベントのイメージと日付・イベント名を
配置しました。
スケジュール一覧
8 つのイベントをトップページで紹介します。

12. 11
トップページのレイアウト 2/2
ニュース & トピックス
コンテンツを利用するためのリンクを配置しました。
SNS のアカウントへのリンクを配置します。
チケット / ブッキング / リクルート
チケット購入案内ページへのリンク、
ブッキング案内ページへのリンク、
リクルートページへのリンク
アクセスマップ
地図と駅からの所要時間とグーグルマップへの
リンクを配置します。
メールマガジン
メールマガジン登録フォーム
フッター ( 全ページに配置 )
住所、お問い合わせ先、注意書き、SNS へのリンク、
プライバシーポリシーへのリンク、お問い合わせ
ページへのリンク、リクルートページへのリンク