デザイン変更の概要

さて、今回のデザイン変更のテーマは「スリム化」です。

このブログではこれまでは、直感的に記事を認識できるようにアイキャッチ画像を各記事に用意していました。

しかしながらこのアイキャッチ画像はなかなかの曲者。作るのが結構なため、ブログの記事を書くこと自体も億劫に感じてしまうこともしばしば。

もっとストレスなくブログ更新ができるようにアイキャッチ画像を廃止するなどのスリム化を決意しました。

ブログの訪問者の方にとっては、前に読んだ記事をもう一度読みたいときに探しにくくなってしまいましたが、サイト表示スピードが上がるなどのメリットはあると思います。

ビフォアアフター

今回の変更前後のブログの比較画像を並べていきます。左がビフォアで右がアフターです。

ホーム

↑左がビフォアで右がアフターです。ビフォアでは最新の記事を大きく表示していましたがつまらない印象でした。アフターではシャチのイラストに変更。シャチには特に意味はないです。イラストは時々替えていこうと思います。

記事ページ上部

↑記事のアイキャッチ画像を廃止しました。大きな面積を占める画像が無くなったので少し目が泳いでしまいますが、すぐに本文が読めるので機能的ではあります。アフターはもう少し目を引く工夫が必要かも。

記事ページ中盤

↑記事の見出しはモノクロに。右側のサイドカラムの記事リストもアイキャッチ画像を廃止しています。ページ読み込みが全体的に早くなったのを体感できました。

記事下部

↑記事下部はなるべくごちゃごちゃしないように区切り線などを使わずシームレスに関連記事につなぎました。

まとめ

ブログのデザイン変更のまとめでした。

アイキャッチ廃止で手間が減ったのでもう少し記事作成の頻度を上げていこうかなと思っております。

読んでくれてありがとうございました。