2009年09月24日

『視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる』@ウジトモコ&ブログデザイン勉強会参加ブロガー

4844327518視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
インプレスジャパン 2009-09-10

by G-Tools

どうも鹿田です。

今日はウジトモコさんと、αブロガー'sが共同で作成?の『視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる』をご紹介します。

またヘッドバナー変えちゃった(笑)
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる

by G-Tools


『視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる』


読むが価値の年間売り上げランキングでも、おそらくトップ5入りしていると思われる『視覚マーケティングのススメ』。

視覚マーケティングのススメ (アスカビジネス)視覚マーケティングのススメ (アスカビジネス)

by G-Tools


その著者のウジトモコさんが、超有名ブロガーさんを対象にして、ブログデザインに特化して勉強会を開催されました。


その勉強会の内容と、アルファブロガーのデザインリニューアル結果を元に、一冊の本にまとめられたのが今回の一冊です。

ブログ×デザイン

まさしく、ブロガーの求めていた一冊が出た!って感じです。


実は、一足先に俺100の聖幸さんも本書を取り上げるとともに・・・

ご自身のブログデザインもカスタマイズされています。

視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
http://blog.zikokeihatu.com/archives/001521.html



詳しい書評はそちらも参考にしていただきまして・・・

私も今回、この本に影響を受けてまたブログデザインに取り掛かってみました。



今回の変更点は・・・

1. ヘッダーを「黒ベース」から「白ベース」(ホワイトベース・・・)に(汗)


以前の黒ベースはとてもカッコいい感じで、好きだったんですが・・・

どうも、背景の白とマッチしない感じもあったので・・・・

今回は白ベースにして背景との統一感を出すようにしてみました。


また、自分の講演写真を入れることは・・・

個人的には2つの見解がありまして・・・


1つは「ブランド化」ですが、これはある方のアドバイスで・・・

講演写真があったほうが、ブランディングになると・・・

確かに、今回ウジさんの本でも「強みの発掘」がありますが・・・

書評ブロガーの中でも、講演しているというのは数少ない強みかなと。


ただ、もう1つの見解ですが・・・

ちょっと「偉そう感」が漂うかなぁと(汗)

政治家の秘書をやっていたんで・・・

ポスターが偉そうなのは駄目!という教育で生きてきたもので・・・(汗)

一長一短ですが、今回は前回の写真と違うものをチョイスして作ってみました。



2. 日付スペースを本棚背景にカスタマイズ


以前使っていたヘッダーバナーの本棚背景が好評でした。

今回、それを再利用できないかと・・・

今まで、ちょっとマッチしていなかった日付バナーをカスタマイズしてみました。

こっちのほうが、全体にマッチしている色合いですし・・・

本棚は書評ブロガーとしての「印籠」「助さん格さん」にもなりますしね。
(ウジさん大好きな水戸黄門さん的に言いますと・・・)


そうそう本書で「シンボル」+「フレーム」という考え方がでてきます。

人はモノを「モノ」としてみていない
周りにある環境や、そのモノの置かれている状況を見て、物について判断しています



いわゆる「シンボル」はブログで言えば・・・

ブログ本体か、書き手であるあなたということです。
(水戸黄門さんで言えば、黄門さま)


フレームとは、シンボルを支える(際立たせる)もののこと。

水戸黄門さんで言えば、助さん格さんであり、印籠ですね。


たぶん、私の「助さん格さん」と「印籠」は・・・

「ビジネス書」と「勉強会」ではないかと自己分析。


ほかにも「元・国会議員公設秘書」もありますが、これは「うっかり八べえ」くらいで使えばいいかな(笑)

ということで・・・

ヘッダーバナーと、日付バナーに印籠を組み込みまして・・・

今回のカスタマイズは完了です(汗汗)


ブログデザイン変遷の歴史

これで、ウジさんの本の影響によって・・・

何度目になるかわからないヘッダーデザインのカスタマイズをしたわけですが・・・

ちょっと昔のデザインも振り返って、変化をみてみたいと思います。


★ブログ開設当初

090924-4.jpg


小さくてよく見えないかもしれませんが・・・
構成は3カラムで今と一緒ですね。
グレーベースで今でもあまり嫌いではないデザインです。

確かこの頃は1日あたりのアクセス数「5人」とか「10人」くらいのときでした。


★6ヶ月後

090924-1.jpg


今、基本ベースとして使っているものに変えたのが6ヶ月くらいのときです。
相変わらず3カラムで、デザインを変えただけですね。
この頃は「トンマナ」とか「デザインの威力」にまだまだ無頓着(汗)


★12ヶ月後

090924-2.jpg


ウジさんの『視覚マーケティングのススメ』を読んだ直後のリニューアルです。
この時から「顔」入ります(笑)
本棚バックのヘッダーですが、なかなか好評でした。
ただ、私の「顔」は好評かどうかは・・・(汗汗)


★18ヵ月後


090924-3.jpg


女子勉の勉子さんにデザイン案を戴きまして・・・
作成したのがこちらのデザインです。
美崎さんと開催した勉強会での、奇跡の1枚(写真)を・・・
存分に活かしたヘッダーバナーです(笑)

このヘッダーに変更以後・・・
雑誌取材や、講演依頼など多数戴くことができました。


それで今回は21ヵ月目での変更となりました。

090924-5.jpg



細かいカスタマイズはいくつかしていますが・・・・

6ヵ月後毎での変更ペースが、今回のウジさんの本によって・・・

3ヶ月も短縮になってのヘッダー変更です。



読むが価値でも人気の「ブログデザイン系」の3記事がこちら↓


アクセスが増える「ヘッダー画像」の具体例:「顔写真」を入れるパターン
http://www.yomugakachi.com/article/120295073.html


「ブログデザイン」のココを変えるだけでアクセスが増える
http://www.yomugakachi.com/article/120291172.html


ブログの第一印象は「ヘッダー画像」が9割:ヘッドバナーが担う3つの役割
http://www.yomugakachi.com/article/119127089.html



加えてウジさんからのカスタマイズフィードバック記事がこちら↓


個人BLOGも「戦略的デザインカスタマイズ」のススメ
http://profile.allabout.co.jp/fs/uji-publicity/column/detail/43471


本書を読みながら、ブログ記事も参考にして・・・

ブログデザインのカスタマイズに「視覚マーケティング」を活かしてみては?

ブログデザインで一生モノのノウハウを学ぼう!

ということで、ぜひ読んでみてください!


視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
インプレスジャパン 2009-09-10
売り上げランキング : 1350


Amazonで詳しく見る
by G-Tools




快読のワンフレーズ


●デザインを極める4つのステップ
1. 自分を深く掘り下げる:強み、らしさの発掘
2. デザイン戦略を決める:ポジショニングマップの作成
3. ラフデザインを決めよう:最低3案のラフデザイン
4. デザインを仕上げる:レイアウト、フォントのクオリティ

人はモノを「モノ」としてみていない
周りにある環境や、そのモノの置かれている状況を見て、物について判断しています

シンボルを際立たせる助さん格さん

女性ならではの特徴として、何かを見るときに自分を投影して考えがちということがある
ブログの中に女性の写真やキャラクターなど、自分イメージを投影できるものがないと素通りしてしまう傾向がある

デザインと言葉はパートナー関係

大切なものの周りには、思い切ったスペースを
アップル製品のりんごのマークの周りには、いつも十分なスペース
シンプルなりんごのマークが目立ち、ブランドシンボルとして際立つ


【目次】

「ブログデザイン勉強会」参加ブロガー
● コグレマサト(ネタフル)
● いしたにまさき(みたいもん!)
● いちる(小鳥ピヨピヨ)
● ヤガー(Creazy!)
● 小林祐一郎(Heartlogic)
● cazuki(mbdb)
● Akky 秋元(アジアジン)
● wackey(ムジログ)
● sotacafe(日刊そうた 旧ブログ名:読むこと、書くこと、生きること。-saiz-)
● クロキコウイチ(オレンジ!)
● ミヤモヤ(旅と本とGuinnessと…)
● yteppei(マーケる?)

リニューアルのポイント
ネタフル
小鳥ピヨピヨ
Creazy!(クリエイジー!)
Heartlogic(ハートロジック)
みたいもん!
mbdb(モバデビ)
アジアジン

はじめに

Prologue:本気でデザインリニューアル、します?
人気ブログ「ネタフル」への献本から起こった化学反応
本気でリニューアルしたい方、来てください

Chapter 1:デザインリニューアルの第一歩は自己分析から
デザインをマーケティングのツールにするとは?
「ブランド」を意識してブログのデザインを考えよう
人気ブログのブランドとデザインを見てみよう
「自分ブランド」をデザインで印象づけよう
ブログデザイン勉強会 第1回
自己紹介とゴールを決めるディスカッション
まとめ
自習しよう

Chapter 2:自分を印象づけるためのデザイン戦略を立てる
デザインの持つ効果を使ってゴールを目指そう
方向性を絞り込んで、印象づけたい自分を明確にしていこう
デザインで意識するべき「クラス」、「タイプ」とは?
ポジショニングを明確にするデザイン戦略を立てよう
「トーンアンドマナー」は全体で揃えることが大切
キータイプフェース=フォントを選ぼう
色は組み合わせ=パレットで考えよう
自分の世界観を表すキービジュアルを選ぼう
デザイン戦略を明確にしていこう
ブログデザイン勉強会 第2 回
「テーマ曲」の発表とデザイン戦略の立案
まとめ
自習しよう

Chapter 3:作って叩いて ラフデザインをブラッシュアップ
デザインの方向性を決めるために、ラフデザインを作ろう
「ラフデザインは最低でも3案!」の狙いは?
ブログデザイン勉強会 第3 回
ラフデザインを持ち寄り皆でレビュー、皆で苦悩
まとめ
自習しよう

Chapter 4:ゴールを目指してデザインを仕上げていこう
ゴールに向けてデザインを完成させていこう
デザインで考えたい「視点誘導」と「シナリオ」とは?
「グリッド」と「スペース」を意識したレイアウトでクラスを上げよう
自分を表現する、相性のいいフォントを見つけよう
気持ちよく読んでもらうための「パレット」を持とう
素人っぽいデザインから抜け出す


_________________________

【編集後記】


収入複線化マニュアル (Kobunsha Paperbacks 29)収入複線化マニュアル (Kobunsha Paperbacks 29)

by G-Tools


藤井孝一さんのこの本のキャンペーンが最終日ですね。

http://www.bbook.jp/090914cp/


読書の秋を大勢で堪能したい方は・・・

読書勉強会&大交流会もぜひ!

http://www.entrelect.co.jp/seminar_daidokushokai_i.html

_________________________

【お知らせ】


Mixiには「読むが価値&聞くが価値」のコミュニティがあります。

ミクシィをやっている方であれば、誰でも参加できます!

ご興味あれば、ぜひ!

comm-yomugakati170.jpg


マイミクも常時募集中です!

http://mixi.jp/show_profile.pl?id=15932136

_________________________

【お知らせ】

1月31日に渋谷で開催した・・・
アルファブロガーの大橋悦夫さんとの「ブログセミナー」

【ビジネス突破塾vol.01】「ブログ戦略講座」
ビジネス突破のための「仕掛ける」ブログマーケティング術を伝授!

こちらがDVDになりました。

≫【ビジネス突破塾vol.01】ブログ戦略講座<DVD>

_________________________

【お知らせ】

大好評の人気ブロガー養成講座(入門コース)が音声で聞けます!

【人気ブロガー養成講座(入門コース)音声CD】
http://www.formpro.jp/form.php?fid=43125
この記事へのコメント
鹿田さん、こんにちは(^^♪
ヘッダー、カッコイイですね(^^)/~~~
本のパラパラ感と、鹿田さんの写真がマッチしていて、とても印象に残るヘッダーかと思います(*^_^*)

私は、面倒だからあまり考えなかったのですが
自分の画像が「ゴリラ」になってから
悪くないなぁって思ったりして(^_^.)

いろいろ勉強しよっと(*^_^*)
今日もいろんな気づきをありがとうございます\(^o^)/
Posted by ゴリクン。 at 2009年09月24日 18:25
リニューアル、おめでとうございます!
そして、デザインリニューアルとともに、すくすく成長している・・・。。。
(なんか、ジーンと来た!)

そして、まちがいなく今回のヘッダーが今までで一番いい気がしますよ☆

「この本で、成果があがるのかあがらないのかがわからない」とかって書かれてるみたいなんだけど、実際は「やるか、やらないか」なんですよね。。

シカダさん、偉い!
おめでとう!
Posted by ウジトモコ at 2009年09月24日 18:45
講師の雰囲気も良いし、爽やかさも伝わります。
前回の黒バックよりも、コッチの方が信頼できる印象ですね!
黒バックって気をつけないと、偉そうに見えるし(汗)
Posted by 道具屋 at 2009年09月24日 22:34
>ゴリクン。さん
ゴリラのイラストを生かすっていうのも手ですよね。

>ウジさん
あら〜、過分なお言葉ありがとうございます。すべてウジコーチのおかげです(笑)!

>道具屋さん
やはり白バックは信頼感があるんですね。今回またひとつ学べました!
Posted by 鹿田尚樹 at 2009年09月27日 13:46
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/128735907
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

自分の色(カラー)を持とう 【3】-失敗しない2つのストーリーを色で表すと?
Excerpt: ウジトモコさんのアルライズ好きはちまたでも有名(って、自分に「さん」をつけるなー)なんですが、以前こんなエントリーを書いていました。少し前の事になりますが 『勝ち馬に乗る! 』ーやりたいことより稼げる...
Weblog: 使える「デザインセミナ-」
Tracked: 2009-09-24 21:48

【書評】視覚マーケティング実践講座
Excerpt: ブログに真面目に(?)取り組んでいくようになると、やっぱり気になってくるのが「デザイン」。大御所ブログなどを見ていると、どこもかしこもやっぱり格好いい。そこは、ある種センスの部分もあると諦めているとこ...
Weblog: ビジネス書で「知」のトレーニングを! 〜 知磨き倶楽部
Tracked: 2009-10-29 14:23