次へ
2013年3月
ビジネスや製品のプロモーション、ブランディングに効果的なサイトのアイデアやテクニックが満載！
「新しいキャンペーンサイトを作りたい」
「ユーザーを引きつけるデザインのPRサイトにしたい」
「ユーザーに対して、もっとしっかりした形でメッセージを伝えたい」
「製品やサービスの魅力を広く伝えたい」
このような、プロモーション、PR、ブランディング用途のウェブサイトを作りたい人向けの、「新感覚のウェブサイト制作」解説書の登場です。
今、商業キャンペーンなどを中心に、情報蓄積型ではなく、「メッセージ型」とも呼ばれる最新スタイルのウェブサイトが広がりを見せています。
ソーシャルメディアとも相性がよく、強い印象を残すことができる「メッセージ型」のウェブサイトは、デザインや技術が新しいだけでなく、作り手の意識も変えて取り組む必要があります。
本書ではそういうメッセージ型のサイトについて、企画の考え方からデザインアイデア、知識までを豊富に盛り込み、解説していきます。
そのようなサイト制作が得意な専用ソフト、LiVE for WebLiFE*(ライブ・フォー・ウェブライフ)を用い、具体的な事例を多く盛り込んで、解説します。
LiVE for WebLiFE*を使うことで、「写真を全面に大きく使う」「縦横にスクロールしながら閲覧する」「アニメーション効果を使う」「オープニングムービーを流す」といったことができ、表現力豊かなサイトを作ることができます。
本書では、ブランドサイト、ポートフォリオ、プロモーションなど様々な実例を取り上げつつ、アイデアや「伝えたいこと」をカタチにするためのノウハウを紹介していきます。
通常のホームページやブログでは伝わらない、見に来た人の「心に響く」サイトを作りたい人には必ず役立つ内容となっています。
［2013年3月 店頭発売］Kindle版有！
書籍価格／2,200円＋税／単行本（B5判）／160ページ／オール4C／マイナビ
ウェブコンポーザー・プロジェクト (著), 瀧上 園枝 (著), ななきち (著), 宮崎 綾子 (著), 村田 有紀 (著), デジタルステージ (監修), アマルゴン (編集)
 |  |
 |  |
本書目次
CHAPTER 1 LiVEで新感覚ウェブを作ろう
1-1 伝わるサイトを作る6箇条
いま注目を集めているのはこんなサイト
縦または横に一方向に進めるストーリーにする
ハイクオリティサイトのための素材
色やレイアウトの「やりすぎ」に注意する
ラフの書き方
フリーレイアウトのコツ
1-2 目的別! LiVEサイト紹介
「レポート」サイトで提案をビジュアルで訴える
「ポートフォリオ」サイトでクリエイターの世界を演出
「ブランディング」サイトでライバルに差を付けるデザイン
「ティザー」サイトで新製品やイベントをカウントダウン
「コミュニティ」サイトでプロジェクトを活性化
「プロフィール」サイトで自己紹介や活動紹介
Column 上級者用テンプレートとスケルトン仕様
CHAPTER 2 スピーディーにLiVEでサイトを作る
2-1 LiVEでのサイト作成の流れ
2-2 LiVEを起動してテンプレートを選ぶ
2-3 ページに画像を配置する
2-4 テキストを編集する
2-5 レイアウトを変更する
2-6 ナビゲーション機能を追加する
2-7 ウェブブラウザで内容を確認する
2-8 ウェブサーバーにサイトを公開する
CHAPTER 3 アイデアいっぱいのサイトを作ろう
CASE1 【衣料・ブランドサイト】NEUTRAL SPECIALSITE
CASE2 【写真・ポートフォリオ】wonder photo project
CASE3 【地域／NPO】20万人キッズスマイルプロジェクト
CASE4 【企業／メッセージ】wedesign結婚式情報サロン
CASE5 【絵本／プロモーション】アリアリ・階段アプリ
Column BiND6を使ったLiVEの連携について
CHAPTER 4 サイトをランクアップするアイデア&テクニック
4-1 単ページを縦スクロールして見せる製品紹介ランディングページ
4-2 ヨコスクロールで見せる会社案内総合サイト
4-3 タテスクロールで展開する路線散歩ページ
4-4 ダイナミックなデザインの商品プロモーションページ
4-5 パララックスで花びらが舞う季節感溢れるサイト
4-6 スクロールアニメーションを使ったサイト
CHAPTER 5 デザインのための重要ヒント
5-1 レイアウトを上手にするコツ
5-2 文字の配置を上手にするコツ
5-3 ページネーションを上手に見せるコツ
5-4 背景の写真をキレイに見せるコツ
5-5 目立たせたいものを目立たせるコツ
5-6 お洒落に見せるコツ
5-7 活気のあるページに見せるコツ
Appendix LiVE for WebLiFE*ウェブ制作のQ&A
DropBox
