YUTOLOG(ユトログ)のブログデザインをリニューアルしました

こんにちは、YUTOです。

タイトルにもある通り、ブログデザインとロゴデザインをリニューアルしました。

本当に自分好みのサイトになり、大満足。

このデザインに仕上がるまでの話を今回は書いていこうかなと思います。

今までのテーマはストーク

ブログを始めてから1年半ほど経過し、最初ははてなブログから始まり、現在はワードプレスでブログを運営しています。

ワードプレスに移行してからはワードプレスの人気テーマ「ストーク」を使用していました。

簡単に高品質なブログに仕上がるストークは有料テーマの中でもかなり有名ですよね。

ストークではメインとサイドの2カラム表示でした。

リニューアル後のデザイン

今回新たなデザインは1カラムで、できるだけシンプルに読みやすく。

本当に理想のデザインで素晴らしい仕上がりにしていただきました。

ここまでのデザイン経緯をちょこっと書いていこうと思います。

なぜデザインを変えたのか

僕がなぜ今回有料ワードプレステーマ「ストーク」を辞めて、オリジナルのデザインに変更したかについて。

ストークはかなり使いやすく、一万円分の価値は確実にあると思います。

スマホからの流入が多い僕はモバイルファーストなストークは、今でも買ってよかったなと思っています。

じゃあ、なぜ変えたの?って話ですが、やっぱり自分のサイトをオリジナルのものにしたかったんです。

僕はネットサーフィンが好きでかなり色んな情報をネットから得ていますが、その中でもやっぱりデザインが素敵なサイトは他の記事も読みたくなってしまうんですよね。

それほど、サイトデザインの印象って大きいと個人的には思います。

サイトデザインのコンセプト

僕がサイトデザインを考える時に決めたコンセプトはとにかくシンプルで読みやすいブログです。

なるべく無駄な情報が入らずにシンプルで記事に集中していただけるようなサイトにしたいと考えていました。

そのためにレイアウト構成も2カラムから1カラムに。

シンプルで一つ一つの記事が目立ちやすくなっているので、写真は大きく表示されるようにしてあります。

トップの背景写真に関しては月や季節ごとに変更していこうと思います。

その方が、僕自身もデザイン的に飽きがこなくて良いですし、読者の方にも写真を楽しんでいただけると思うので。

一番初めは僕の愛用機材の写真からスタート。

完成に至るまでのデザイン案

今のサイトデザイン、ロゴが出来上がるまでの話を少し公開。

まず、一番初めのワイヤーフレームに関して。

イメージを伝わりやすくするために、簡単なイメージを自分で作ってみました。

今までこういったものを作ったこがないのでかなり雑ではありますが、僕の簡単なイメージはこんな感じからスタート。

少しずつ修正して今のサイトデザインが完成。

自分の理想デザインに仕上げていただきました。

ロゴデザインに関しても悩みました。

いくつかの候補を作っていただきました。

どれも素敵でかなり悩んでいました。。

1枚目は高級感があり大人っぽい印象で、3枚目は力強いイメージ。

僕のサイトイメージ的には2枚目の細身でシンプルかつ遊び心のあるデザインがしっくりきました。

自分でもある程度これかなと決めてはいたものを、さらに少し修正をしていただきました。

最終的にDRESS CODE.の平岡さんなどに意見をいただき、意見が僕と一致したので「やっぱりこれだ!」と最終決定をしました。

新しいロゴデザインの気に入ったポイントはYUTOLOGのYとGの文字の遊び心。

Gは電源アイコンになっているのが特にお気に入り。

ロゴに限らず、そのほかの部分に関しても細部までかなりこだわっています。

タイトルロゴの表示される速度だったり、背景色、グローバルナビゲーション、記事ページのアイキャッチ、タイトル表示、フォントなど。。

何回も細かく注文をしては、心優しく対応していただきました。

初めはスクロールのアニメーションも、フェードインしながら記事が表示されるようにしようかと考えていました。

しかし、シンプルで読みやすいブログを考えた時に、パッと表示された方がストレスなく、読むことに集中できるかなと思い、結局アニメーションなしにしました。

実はロゴも文字色にグラデーションがかかっていたのですが、やはりこちらもシンプルが一番ということで、グラデーションなしの一色にしました。

この考え方に至った理由は、最近「MUJI式 世界で愛されるマーケティング」という本を読んで、本の中のワード「一番普通の形」にするという言葉に影響されました。

今後について

これまでも有料テーマを使ってはいましたが完全にオリジナルデザインとなった今、より自分のサイトに愛着が湧く。

ちなみに今回サイトデザインとロゴデザインを作成してくださったのはManic YouthのYutaさん。

Manic Youthのサイトデザインを初めて見た時に、「ここの会社にデザインをお願いしたい」と思いすぐに決めました。

それほどまでにサイトデザインは重要なんだなと改めて感じました。

今回、僕は初めてデザイナーさんに依頼をしたわけなのですが、やはりプロの方に頼むと違うなと実感。

Yutaさんには本当に感謝です。

僕の理想のサイトデザインに仕上がり、それに負けないように記事の質ももっと高めていきたいですし、幅も広げていきたいです。

何気ない気持ちから始めたブログがこんなにも続くとは思ってもいませんでしたし、こんなにこだわりを持つとも思ってもいませんでした。

今後もWebが存在する限りずっとやっていくと思います。

ということで、デザインリニューアルに関しての話を書いてみました。

他になにか聞きたいことなどありましたら僕のLINE@から是非お気軽に聞きにきてください。

新しくリニューアルした「YUTOLOG(ユトログ)」をこれからもよろしくお願いします!

ではっ