frasm企画12発目は@hiroma20さんのブログブランディングしてみた

しばらく間があきましたが

僕は元気です@shintarowfreshです。

鬼のように忙しかった、わけではないですが、細々（こまごま）と忙しかったので、まとまった時間が取れなくて間が空いてしまいました。
出来れば5月中には全ての方のアレをアレしたいと思ってます。もちろん手を抜かずにね、ね★ほこほこ、ね★

アニメで例えると1stシーズンの終わりに当たります。2期キタ！とかいうアレですね。

期せずして

やった！しんたろーふれっしゅさんにブランディングされた！\(//∇//)\ w RT @shintarowfresh: みなさんご紹介します、箱波レイさんです！ RT @norirow: @shintarowfresh えっ…FBアカは二度…今は三人目の僕です…( ꒪⌓꒪)

— ノリロウさん (@norirow) 5月 23, 2012

<

p>
知らん間に12人目をブランディングしていたことは秘密ですが

では、行ってみましょうよ

こちらがびふぉー

こちらかアフター

みなさんご存知のとおり、人間味にあふれまくった@hiroma20さんのブログDです。OSⅩ風テーマですね。これはもう、あれこれいじらずに、タイトルドンで行きましょうよ。
つーことで、なんとかオーロラバックを活かせるタイトリングにしてみました。UFOとか飛ばそうかと思いましたが、これはもうOSⅩなんかなんなんかわからなくなるのでやめました。

キービジュアルのアスタリスクからバックが透けてるあたり、かなりイヤラシイですね。

ここでユーザビリティーとか言う奴を考える

でました、マーケッターとかコンサルさんが大好きなユーザビリティー！UX（ユーザーエクスペリエンス）とかUI（ユーザーインターフェイス）とかの仲間のアレです。
簡単に言うと、読者・訪問者・使う人に対して親切なん？というアレです。

もう何度も常連の読者の方には今更説明は要らないかも知れませんが、はっきり言って、ほとんどのブログは、検索からの新規訪問の方が多いのでは無いでしょうか？
少なくとも割合で言うと7：3くらいで、このfrasmでは新規訪問の方が多いです。

何が言いたいかというと、新規訪問の人に対して、自分のブログをうまいことアピールして、説明しようぜ！という話なのです。

具体出来にどうするかというと

もちろん、ブランディングセクション、ナビゲーションセクションを使います。

理想は、このへんを見れば一撃でどういうブログがわかることが理想であり、これは必要十分条件でもあると思います。

有名人のブログでもない限り、顔とか、タイトルだけでアピールすることはできません。

誰の、どんなブログなのか、読むとどういう利点があるのか、何について主に書いてあるのか

これらがはっきりくっきりわかるブログでなければ、リピーターにはなかなかなってくれないでしょう。
もちろんブログデザイン（ブランディング）もこれに含まれると思います。まあ素敵なブログ！と言うフックは、結構重要だと僕は考えます。もちろん、中身も、中身こそ最重要ですけどね。

例えば

自炊で有名な牛さんのブログ

おまえは今までスキャンした本の冊数をおぼえているのか？

Evernoteで有名なゴリュゴさんのブログ。

ごりゅご.com

どうですか？ヘッダー周りでどういうブログかなんとなくイメージできませんか？
もちろんお二人が有名だからというのはあるかも知れませんが、（可能な限り）まっさらな気持ちでブログを訪問しても、キーワード、自炊とかライフログEvernoteとかが散りばめられているブランディングセクションだと思います。

具体的に今すぐできること

これはもう簡単です。

きっちりとサイトの説明文（site-description）を書きましょう。

ニュアンスではだめです。「〇〇のゆるふわ日記」とかもってのほかです。ここはもう一大アピールポイントなので、嘘ギリギリなアピールをしたほうが得します。読んでくれる人にどういう利点があるのかをさり気なく伝えることができたら成功だと言えます。

例えば

• 最新のwebサービスの使い方をお知らせするブログ　とか
• ソーシャル・ネットワークに勝つブログ　とか
• 肌色満載のムフフなブログ　とか

端的にコレ！って絞ったほうがわかりやすいです。はいキタ、わかりやすい、これこそユーザビリティーじゃねえの？ということで、親切であればあるほど、リピート率は上がるでしょうね。

なので、カテゴリ分けとか誰も押さないよね、と、端折らずに、

カテゴリーもちゃんと得意分野を伝えるために設定しておく

に限ると僕は思います。

じゃあなんでfrasmはどっちもやってないの？

と言いたくなると思いますが、僕の場合聖子ちゃんが事程左様に不思議ブログであることを物語ってくれていると確信してます。はい。
さらに言うとグラフィック推しであるコト以上に僕が語れることがないってこともでかいですね。

グラフィック推し、これが「frasm」の一番言いたいことです。伝わってるかどうかはさておきですね。反省。

ということで、実装編

CSSで大丈夫だと思います。

#header {
position: relative;
height: 290px;
margin-bottom: 20px;
z-index: 1000;
}

#site-logo {
position: absolute;
top: 15px;
}

#site-logo a {
font-size: 36px;
display: block;
width: 450px;
height: 220px;
background: url(画像のURL) no-repeat left top;
text-indent: 100%;
line-height: 5;
overflow: hidden;
}

#site-description {
color:
#DDD;
position: absolute;
top: 205px;
font: italic 100%/120% Georgia, "Times New Roman", Times, serif;
}

こんなかんじでしょうか。

っていうか、おそらくテーマ自体にタイトルロゴを設定できる気がしますので、そのへんサイズとか調節するので不都合あれば教えてください。

画像のダウンロード

終わり

このOSⅩ風テーマはいろんな方が使われてますが、これで少しですが差別化が図れたのではないでしょうか、どすかね？

文：シンタロヲフレッシュ

はてブ

pocket

twitter