行き着く先はあんこ

サイトデザインをリニューアルしました。ver.5

ver5

サイトデザインをリニューアルしました。今回の変更でバージョン5になります。

スポンサーリンク

これまでのデザイン

Ver.1

前身となるサイトを立ち上げたのは2012年11月でした。当時はWordPressではなくBloggerを使っていて、Webに関する知識も技術もセンスも無でした。そのためBlogger標準のテンプレートで満足していたことを覚えています。この時は2カラム右サイドバーといったデザインでした。

Ver.2

バージョン2のサイトデザイン

Webデザインというものに興味を持ち、なけなしの知識でBloggerの標準テンプレートを改良していきました。この時も2カラム右サイドバーというオーソドックスなタイプのものでした。自分の中の「ブログ」という考え方に影響を与えたサイトをインスパイアして緑色をテーマカラーとして採用していました。

Ver.3

バージョン3のサイトデザイン

2015年の7月に初のレスポンシブに対応したデザインに変更しました。いままでのものとは変わりポップでカラフルをイメージしたものでした。CSS3も用いることで簡単なアニメーションにも挑戦しました。今回のリニューアルされたテーマ(Ver.5)を除くと1番気に入ってたのですが、BloggerからWordPressへの移行が重なり残念ながら約2ヶ月で日の目を浴びなくなりました。

Ver.4

バージョン4のサイトデザイン

バージョン4は初のWordPressということで初心者でも簡単に扱えるSimplicityを改良して使っていました。良くも悪くも多くの機能が盛り込まれていたテーマでした。

Ver.5

バージョン5のサイトデザイン

そして今回変更されたテーマが初の自作テーマであり、バージョン5になります。パソコン、タブレット、スマホなどさまざまな画面サイズに対応するためにレスポンシブデザインを取り入れました。

またパソコン、タブレットなどでは固定された右サイドバーが表示されます。スクロール、リサイズと同時にサイドバーのコンテンツも移動し、最後まで表示されると移動が止まる仕組みです。固定することでサイドバーによって生じる無駄な余白をなくし、左ではなく右にすることでメインコンテンツへ集中しやすいようになりました。

Googleが進めているマテリアルデザインを念頭におき、リンクやボタンなどが瞬時に判別できることも考慮しました。バージョン3で気に入っていた青色と、原点回帰の意味を込めてアクセントカラーに緑色を採用したことでポップな印象になりました。

デザインだけでなくページ全体のサイズを小さくすることで、通信速度がそれほどよくないモバイル環境下でもストレスを感じない表示速度になることも心掛けました。

さいごに

気づけば設立から3年と5ヶ月が経ちました。ある程度Webデザインへの知識、技術も増えました。それに比例しこのサイトも成長しました。

自分の目指すWebサイトはどのようなものなのか答えは出ていませんが、今できることを少しずつでいいのでやるようにしています。大多数には気づかれないような細かい部分に手を加えることが目指すWebサイトへの道のりなのかな……とも考えてます。とりあえず今後は大規模なリニューアルは行わずにこのテーマを改良して使っていきます。

さいごに、ここ2週間のほとんどをテーマを作るために費やしてきたのでサイトの更新が全くできていません。あくまで内容ありきのサイトなのでコンテンツにもしっかり力を入れて成長していきます。

それでは今後もよろしくお願いします。

ではでは。

スポンサーリンク

スポンサーリンク

コメントを残す