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

前のデザインはもう5年くらい前に作ったもので、随分とそのままにしていたんですが、WordPressのブロックエディタもかなりバージョンアップして機能が増えてきたので、それに合わせる形で組み直そうと思ったのが始まりです。

その上で、せっかくなので見た目の部分でも少し手を加えようと考えました。

機能的な変更

サイト全体をWordPressのブロックエディタの機能をメインにして構築するようにしました。
基本的にはブロックでパーツを構成し、スタイルを選択し、それでも足りないところをCSSで追記するという形をとっています。

理由としては、このサイトをブロックの機能を試す場としても使いたいと考えているということと、このサイトはブログを主として運用していくことを想定しているため、ブロックエディタを使う方が捗るだろうと考えたからです。

今後ブログで色々なブロックの組み合わせを紹介できればと思っています。

見た目の変更

#61a6c6　→　#00AFCC

前はくすんだ青色のような色を使っていたのですが、もう少し明るさが欲しかったので、今回はターコイズブルーを採用しました。
ターコイズブルーは緑みのある青色で、青の落ち着いた雰囲気と、緑の爽やかさ、活発さが合わさったイメージで、自分の目指す、落ち着きがあり、人当たりの良い人物像にぴったりだと思いました。

ロゴデザインも少し変更しました。
ロゴはPoppinsというフォントをベースに角を丸くして、柔らかい雰囲気が出るよう調整しました。人当たりよく、柔らかく人接したいという思いを込めています。
また、iの点の部分を虫眼鏡に置き換えていますが、これは、興味を持ったことはとことん知りたいという自分の性格と、周りをよく観察して必要な行動を考えるという仕事への姿勢を表しています。

まとめ

ブロック中心での構築は、仕事ではやっていたのでそこまで抵抗はなかったですが、一つ一つのブロックの使用を理解して作成する必要があるので、そこはやはり苦労した点です。
慣れてくると、ブロックでいろいろ表現できることが楽しくなってくるので、クライアントワークで納品するときにもそういった面白さみたいなものも一緒に伝えられたらいいなと思いました。

せっかくサイトリニューアルしたので、今後はしっかりブログもやっていこうと思っています。

今までクオリティやら内容やらで「これで出して良いのか」と悩みつつ、ほったらかしにしてた下書きたちをとりあえず生焼けの状態でも出していこうかなと。

とりあえずCSSやWordPressのブロックエディタの下書きが溜まってるので、放出していきたいと思います。