読者です 読者をやめる 読者になる 読者になる

ドラねこ読書日記

おすすめの本と映画と音楽をお茶を飲みながらまったりと語るブログ

ポカリスエットカラー導入で蘇るドラねこ読書日記!

まとめ記事

f:id:Doraneko1986:20160124174830p:plain

こんちわ、おいさんです。

みんなこの寒波に晒されて凹んでいませんか? 

www.doraneko86.net

今週は寒いですねぇ(;´∀`)

予想以上の寒さで家の中から一歩も出ずに縮こまっているわしですが、先週は無事80万PVを迎えたこのブログが、今週は装いも新たにぷちリニューアルを実施しましたw

 

というのも、例の如く色んな所の色を変えただけなんですけどねw

まあそんなことを今週の記事をふりかえりつつ語ってみましょうか。

ナビゲーションバーなくしましたw 

f:id:Doraneko1986:20160124174854p:plain

このブログははてなブログのテーマストアの「FLAT」というやつを使っている。シンプルでカッコいいフラットデザインを取り入れたかったからだ。

 

しかし、長年このテーマを使っていると如何せん飽きてくる。

そこで今回、このデザインを新たな見た目に蘇させるべく、ブログのベースカラーを以前の淡い青からビビットなブルーへと変更した。

他にも後ろの壁紙を木目調から白に戻し、全体としてポカリスエットカラーでまとめてみることにしたのだ。

 

それと長年ヘッダー画像の下にあったナビゲーションバーも正直どれくらいの人がこれをクリックしているか疑問だった。

これを導入した時は散々色んな人にアドバイスをもらいながらなんとか表示させることができたのだが、デザイン的になんとなくマッチしていなかったし、大体わしのブログは直帰率1%以下なんだから、わざわざユーザーを引き止めるためのナビゲーションバーなんてあんまり意味ないよねw

 

というわけで、今回長年お世話になっていたナビゲーションバーをなくし、すっきりとしたデザインに蘇りましたw

 

またシェアボタンも、シェアボタンが表示されない不具合が出るという、ちるろぐさんのブログを読んで、新しくシェアボタンのデザインを変更しました。

cild.hatenablog.com

f:id:Doraneko1986:20160125191202p:plain

このようにフラットデザインに馴染むデザインに変更しています。

変更するにあたってこちらのブログを参考にさせていただきました(*´∀`*)

www.yukihy.com

 

このリニューアル、結果としては大成功!

ワシ自身もこの色合いを大変気に入っている。

ブログ的にごちゃごちゃしたものが失くなってすっきりしたし、やってよかったw

 

そしてこの新しいブログデザインは思わぬ報酬をさっそくもたらしたのでした。

 

すっきりしたブログデザインはアフィリエイトにも有利? 

嬉しいことが起きました。

それというのもこの読書日記で導入しているAmazonアフィリエイトの収入が、デザインをリニューアルした1日だけで、この読書日記でいつも得ている一月分の収入の5分の1を獲得しましたw

うわー!すげぇw

最近、年末に多くの人がこのブログを訪れてくれていたのに、アフィリエイトの収入が下降の一途を辿っていただけに、このサプライズはなんとも嬉しい誤算ですなw

 

やはり、ヘッダーの下にナビゲーションバーなんか設置していたためにアフリエイトへの導入を逃していたのかな?

ユーザビリティを考えたブログデザインを追求して行くことによって、細かなアフィリエイトの取りこぼしを防いでコンバージョン率を上げていくことが、このブログの目下の課題ですな(*´∀`*)

 

最後に

まぁ、今回はこれくらいでリニューアルは一旦終わるけど、2月になったらまた本格的にこのブログを前面リニューアルしていきたいと思っているので、それまでこのフラットデザインでよろしくお願いします。

 

フラットデザインの次はGoogleが提唱しているマテリアルデザインを取り入れてみようかな?

これからもドラねこ読書日記はユーザーが使いやすい環境を作っていきますので、何卒引き続きお付き合いくださいw

www.doraneko86.net

www.doraneko86.net

www.doraneko86.net

 

絵日記&旅日記

www.doraneko86.net

www.doraneko86.net

www.doraneko86.net

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)