ブログをリニューアル!「はらぺこかぞく」のブランディング

アートディレクション

 

ブログ「はらぺこかぞく」

 

こちらのサイトのリニューアルのお手伝いをさせていただきました。

 

「はらぺこかぞく」の運営者さんに、ある会で実際に会う機会があって、おせっかいにも気になるところをアドバイスしてるうちに「では、デザインお願いします!」とデザインを依頼いただきました。

 

 

前田
今から考えると強引な営業だったかな・・・?

 

 

グラフィックデザイナーの職業病です。
目に入ったものを「もっとこうしたらいいのに!」というのを頭の中で考えてしまうんです。

 

 

本来、サイトのリニューアルなどのブログのデザインはNASUのメニューに考えていませんでしたが、ブログをブランディングするのはやったことないし、チャレンジしてみることにしました。

 

 

 

ブログ「はらぺこかぞく」とは・・・?

 

欲望に貪欲な主婦ライター ぺこさん

peko-picture

 

ペコ&りゅうちぇるは関係ないですよ!(笑)「はらぺこ」の“ぺこ”さんです。

 

「欲望に貪欲な主婦」ということで、人生を楽しむためにやりたいことを中心に情報発信されています。

 

ちなみに、ぼくと同じ特撮ファンらしく気が合いそうです。
ぼくは仮面ライダーの仕事がしたい ので、ライターで東映かバンダイの人とつながったら紹介して欲しい・・・

 

ぺこさんは家事と育児しながら「ライター」として活動されています。

 

ぺこさんに会う前から、ブログ「はらぺこかぞく」は見たことがありました。活字が苦手な僕が、スラスラ最後まで読めるので文章がうまい!という印象でした。

 

さすが、ライターさん!!

 

と言う感じです。

 

前田
ぼくも文章がうまくなりたいなぁ

 

 

 

ブログ「はらぺこかぞく」の課題は・・・?

 

こちらがもともとのサイトです。

harapekokazoku_before

 

 

 

似顔絵とヘッダーのアイキャッチが、「ビオレママ」のイラストでした。

 

harapekokazoku_before_banner

 

これを見た瞬間「ダメだ」と思いました。

 

前田
ごめんなさい!

 

仕事なので正直でいきます。

 

理由は、ビオレママだからです。

 

biore

引用:http://degikamo.com/wp-content/uploads/2015/10/biore.gif

 

「ビオレママ」のイラストはかわいいですよ。クオリティも高いです。でも、ビオレママのアバターは、FaceBookで一時期良く見ました。キャンペーンサイトで誰でも作れてしまうイラストです。それに商品のCMから「ビオレママの印象」が強く残ってしまいます。

 

 

それで「覚えてもらいやすい」というのはあるかもしれませんが、どこにでもあるイラスト素材では、ライターとしてイメージが品格が低く見られてしまう可能性を感じました。「主婦が趣味でやってるライター」そう見られてもおかしくありません。ぺこさんの文章をじっくり読んでくれたらわかるのですが、人は見た目を一瞬で判断する生き物。ぺこさんの良さは伝わりません。

 

 

今のままだと、特別な存在だと感じてもらいにくい。

 

 

ぺこさんは、見た目でかなり損をしていると感じました。

 

ビオレママのイラストを否定してるわけでありません。念のため。

 

 

ブログ「はらぺこかぞく」をどうブランディングするか・・・?

 

harapekokazoku_before

 

課題

  • ヘッダー画像のオリジナリティがなく、「サイトの印象」が弱い。記憶に蓄積されにくい。

 

 

デザインで解決できることは・・・

  • 「はらぺこかぞく」のコンセプトを打ち出したロゴを作る。
  • そのロゴを使って「ヘッダー」をオリジナルデザインにする。

 

ロゴは本気でリニューアルするなら作るべきなのですが、ペコさんのブログの場合、ヘッダー画像が印象が大きく重要な要素になります。予算の的にも両方はかなり高額になってしまうので、ヘッダー画像のみでリニューアルすることをおすすめしました。

 

デザインするもの

  • 「はらぺこかぞくオリジナルキャラ」のヘッダー画像。
  • タグの色設定や文字の色などのアドバイス

 

 

ブログ「はらぺこかぞく」をアートディレクションする。

 

「はらぺこかぞく」オリジナルのキャラクター

harapekokazoku_0527_fix-01

「はらぺこかぞく」ということで原始人です。大貫卓也のhungry? のオマージュです(笑)ぺこさんが顔出ししてないので、似てる必要がなかったのであまり意識してなかったのですが、ペコさん曰く「似てる!」と言われるそうです。

 

 

ラフの一部です。イラストは本業ではないので自信がないので、ロゴを作るみたいにチマチマ調整しました。

NASU-note_harapekokazoku_raf

「はじめ人間ギャートルズ」のイメージもあります。(古いけど)

 

 

はらぺこのシンボル、肉アイコン(ファビコン)も作成。

favicon_harapekokazoku_32x32-05

 

 

タグの色設定や文字の色などのアドバイス

ヘッダー画像に合わせて、全体の色味をトータルでコントロールさせていただきました。今まで割と、ひかえめな作りだったのですが、彩度高めの印象にしています。それと、ヘッダー画像の上にグローバルメニューが来ていたので位置を変えたり。微調整しました。

 

 

まとめ & 結果

 

サイトのイメージbefore→afterです。(2秒おきに絵が変わります)

harapekokazoku_before

 

 

 

こんな感じで、
はじめてのブログのブランディングをさせていただきました。

 

 

今この記事を書いてて、ふと・・・

 

 

ライターなので、ペンを持たせた方がいいかも。サクッとテストでラフを作ってみました。

NASU-note_harapekokazoku_new

 

やっぱり、ライター感が出てイイ感じでした。(あらためて売り込もう・・・ボソッ)

 

 

アートディレクション(見た目のコントロール)はやっぱり楽しいですね。

 

 

あとイラストも。あんまりやってませんが楽しい。

 

 

また、機会があればやってみたいので、よかったらご連絡ください!

 

 

 

 

 

新メンバー募集中!

悶々としているクリエイター集まれ!