ホームページを”プチ”リニューアルしたよ!これからもどうぞ宜しくお願いします。

お知らせ
ホームページを”プチ”リニューアルしたよ…

この度、サイトをプチリニューアルしましたー!(デザイン面は大きく変わっていないので、以前のサイトを知っている方からすればピンと来ないかもしれません。)プチと言っても、中身(画面には映らないプログラムの部分)は全く違うし、時間もかかっているのですが…😓

今回は、リニューアルの目的や内容などを簡単にまとめていきます。

なぜ、リニューアルしたのか?

まず、サイトリニューアルを行おうと思った理由についてですが、実はサイトのリリース時からリニューアルをしたいなーと思っていました。
というのは、このサイトは「WordPress」というシステム(CMS)で出来ており、世の中のWebサイトの多くがこのシステムを利用して出来ています。

その為、Webサイトを開発するデベロッパーやデザイナーという職業において、「WordPressサイト」の開発が出来るか否か?は、技術力や開発スキルを推し量る一つのメーターになると考えていました。因みに管理人はWEBデザイナーです。つまりは、「Wordpressサイト」の開発が、WEBデザイナーとしての自分のキャリアに活かせると思ったからです。

リリース時のサイトは、この仕組みが他者さんによって完成された(自分で開発していない)内容だったので、ゼロから形にするのが個人的な目標でもありました。
元々の内容(テーマ)自体、素晴らしい内容なので、リニューアルでサイトが大きく改善された箇所はそこまで大きくないと思います。それでも、自分なりに形に出来たので、自己満足は出来ています。本職の業務でもWordpressに携わる機会は度々あったので、その経験もあってかスムーズに開発することが出来ました。加えて、リニューアルにあたって勉強したことは、今後の業務にも還元して活かせる気がします!

何が変わったの?

次に変更内容についてですが、実は大きくは変わっていません・・・。細々した変化はたくさんあるのですが、基本的に以前のサイトにあった機能はリニューアル後でも表示されるように継承しています。 必要性やデメリットなどを考慮してオミットした機能もありますが、逆に改良を加えたコンテンツもあります。ここでは、どちらの説明も割愛しちゃいます。新たに追加したり、改良したコンテンツについては、別途説明していきたいと思います。

今回のリニューアルでは、特に意識したことが三つあります。それは「速度」「UI/UX」「乃木坂ファンサイトらしさ」です。最初の二つは少し専門的な内容になっちゃうのですが、それぞれについて説明していくと

ページの読み込み速度(体感的な)

以前のサイトは、既に完成されたテーマに自分なりの機能を後付けしたりしていたため、ページの読み込み速度が遅くなっていました。機能を増やすと、その為の処理(計算)が増えるので、ページを表示させるのにその分の時間がかかります。
これを改善するために意識した事は・・・

  • CSSの圧縮化と分散
  • 脱jQuery⇨Javascript
  • 画像⇨SVG
  • プログラムの処理回数を減らす
  • 遅延読み込み

などです。今後も高速化のための施策は行なっていく予定でいます。施策内容のアイデアもあるので、実施したら後で小ネタとして紹介するかもです!

UI/UXって何だろうを自問自答

「UI/UX」を説明するのは難しいのですが、サイトの使いやすさや体験に対する概念みたいなものです。ここでいう目的としては、ユーザーにとって「使い易くて、面白い機能美」です。例えば、文字の可読性を上げるために背景とのコントラストを上げたり、文字の大きさを読みやすいように調整するなどです。
この判断はgoogleが開発した「lighthouse」を使って判断しました。このlighthouseでは、サイトの読み易さなどをチェックする「accessibility」という項目があるのですが、最低限でもこの指標を満点(100点)になるように心掛けました。(ページによって、点数が変わるかもしれません!?)
読み易さを向上することで、サイトで訴求したいことがより伝わりやすくなります。

ただ、それだけでなく自分自身のデザイン的なこだわりも随所に盛り込みました。というのも、このUI/UXを評価する最終判断は全て自分自身の感覚的な裁量で考えるようにしたので、結論としてかなりエゴイズムなデザインになったと思います。とはいえ、まだまだ気になる箇所も残っているので微調整を続けていきますが、「PURPL(紫※乃木坂46のグループカラー)なBLOG」という名前の通り、コンセプト感も出ているので(自己)満足は出来ています。

あとは、更に使い勝手が良くなることで、よりサイトを活用してくださるファンが増えればいいなーと思っています。UI/UXは仮説と検証を繰り返すことでより精度を上がると思っています。このプチリニューアルで完成ではなく、大小の修正などを定期的に行い、更に魅力あるサイトに改善していきます!

乃木坂ファンサイトらしいコンテンツ

乃木坂ファンサイトの位置付けとして、自分が意識しているテーマがあって、それは「(乃木坂ファンである)自分自身が活用できるサイトであれば、他の乃木坂ファンにとっても有意義なサイトじゃないか?」ということ。
自分がグループの事を今ほどは理解していない時、こういう事を気になったな、調べたなーとか、今でも定期的に把握しないと分からない情報があったりします。
そういった情報をこのサイトで導くことができるなら、きっと同じような悩みや関心をもつファンの役に立てるんじゃないか?と思っています。

例えば、メンバーの一覧表では、ただ端的な一覧だけでなく、名前に年齢などの情報を加えて、更に降順、昇順で並べ替えることが出来ます。地味な機能ですが、まだファンになったばかりの方にとっては、グループを知るのに役に立つのかなーと思い用意してみました。更にリンク先のメンバー毎の詳細ページでは、メンバーの更新情報が表示されるようにしてあります。これはファン歴に関係なく、常に新しい情報が得られる内容になっています。

自分自身がファン生活を過ごしている中で、「こんな機能があれば便利だなー」と思うものがあれば、検討して追加していきたいと思います。

今後もコツコツと改良していくよ!

こういった機能は今後も追加していこうと思います。もし、「こんな機能が欲しいなー」と思うものがあれば、お気軽にご相談ください。サイトの問い合わせフォームTwitterに連絡いただければ、検討させていただきたいと思います!

この他にも、機能や改善を行い次第、(コソッと)お知らせしていきますので、新しくなった「purplog」をどうぞ宜しくお願いします。
(๑´ڡ`๑)ノ

関連記事