【ねぴこむ、サイトを育て直します!】#1:まずは「今のサイト」を見直してみた【リニューアル計画】

Webサイトって、一度作ったら「完成」でしょうか。

もちろん、公開したときには「できた!」となるのですが、そのあと仕事を続けていくうちに、やっていることが変わったり、伝えたいことが変わったり、自分自身も少しずつ変わっていきます。

そうすると、あるときふと、
「今の私と、このサイト、ちょっとズレてきているかも?」
と感じることがあります。

実は今、私自身のサイト「ねぴこむ」のリニューアルを進めています。

せっかくなので、完成してから「リニューアルしました!」と紹介するのではなく、考えたり、迷ったり、作ったり、やり直したりする途中の様子もブログに残してみることにしました。

題して、

「ねぴこむ、サイトを育て直します。」

今回はその第1回です。

まずやったこと――『今のサイト』を見直してみる

木目のデスク上に置かれた、WordPressのダッシュボードを表示するノートパソコンとノート、スマートフォン、コーヒーカップ

リニューアルというと、

「デザインを新しくしよう」
「トップページを作り直そう」
「写真を変えよう」

……と、すぐに制作を始めたくなります。

でも今回は、いきなり作り始めるのではなく、まず今のサイトを見直すことから始めました。

普段、自分のサイトって意外とじっくり見ないんですよね。
更新するときには見るし、仕事でも触っている。

でも、
「初めてここを訪れた人には、どう見えるんだろう?」
という目線で最初から見ていくと、また違ったものが見えてきます。

そもそも、なぜリニューアルしようと思ったの?

今回のリニューアルで考えたのは、

「今のねぴこむで、私が大切にしていることがちゃんと伝わっているかな?」

ということでした。

Webサイトは、作ったときの自分を映しています。
でも、仕事を続けていれば、経験も増えます。
できることも変わります。
そして、「こんな仕事をしていきたい」「こんな人のお役に立ちたい」という気持ちも、少しずつ変わっていきます。

サイトそのものに大きな問題がなくても、今の自分とサイトの間に少しずつズレができてくることがあるんですよね。

だから今回は、「古くなったから新しくする」というより、
今のねぴこむに合わせて、サイトをもう一度育て直してみよう。

そんな気持ちでスタートしました。

リニューアル振り返り

私のサイトは、1998年にホームページとして公開しました。
サイトのタイトルは「Party?Party!@neppie.com」。

1990年代半ばに、自分で作ったミニコミ誌として「Party?Party!」を作ったのが始まりです。

SHARPのワープロ「書院」で作った2冊のミニコミ「Party?Party!」

1998年3月にホームページを開設、ドメイン「neppie.com」も取得しました。

Party_Party-Main

2004年からはブログ形式に移行。
最初はMovable type、それからWordPressで作成。
テーマも何回か変更し、今の形になっています。

サイトの変遷についてはこちらの記事でご覧ください。

2009年5月6日 WordPressに移行
2016年11月17日 LIQUID PRESSに変更
2017年8月3日 LIQUID PRESS/MAGAZINEに変更
2017年9月15日 SSL化でURLが変更になりました
2018年1月30日 SANGOに変更
2018年9月16日 Snow Monkeyに変更
2021年、サイトタイトルを「ねぴこむ!」に変更
2021年、WordPress記事振り返り

ChatGPTと作戦会議

今回のリニューアルでは、ChatGPT(チャッピー)にも相談しながら進めています。
たとえば、こんな感じ。

NEPPIE

サイトをリニューアルしたいんだけど、まず何から考えたらいい?

もう十分に“中身は整っている人”
チャッピー

いきなりデザインを変える前に、今のサイトで“残したいもの”と“変えたいもの”を整理してみませんか?

NEPPIE

なるほど。全部新しくしなくてもいいんですね!

この「全部変えなくていい」というのは、今回あらためて大事だと思ったところでした。

リニューアルという言葉を聞くと、つい「全面改装!」みたいに考えてしまいます。
でも、本当に必要なのは、
変えることではなく、今の自分に合っているかを確かめること。

残したいところは残す。
分かりにくくなっているところは整理する。
今の自分と合わなくなっているところは変える。

そんなふうに考えると、リニューアルのハードルも少し下がります。

NEPPIE

ChatGPTはここ数ヶ月、仕事でサイトを作る時にコードを書いたり、アドバイスをいただいたりと、私の仕事の相棒になっています。

サイトを見るときにチェックしたこと

今回、私がまず見直したのは、

  • トップページを見て「何をしている人なのか」が伝わるか
  • 今の自分が大切にしていることが伝わっているか
  • 初めて来た人が、次にどこを見ればいいか分かるか
  • 情報が古くなっていないか
  • 今後も残したいもの、変えたいものはどこか

といったところです。
ここではまだ、「どう直すか」までは決めません。

まずは、
「あ、ここはちょっと違うかも」
を見つける段階。

自分のサイトを「作った人」の目線ではなく、できるだけ「初めて訪れた人」の目線で見てみました。

これが意外と難しいけど、結構発見があって楽しかったです。

やってみて分かったこと

今回あらためて感じたのは、
サイトのリニューアルは、デザインを変えるところから始めなくてもいい
ということでした。

まず、
「今、このサイトから何が伝わっている?」
「これからは何を伝えたい?」
を考えてみる。

その差が見えてくると、
「じゃあ、ここを変えてみよう」
という場所も少しずつ見えてきます。

もし、
「そろそろホームページをリニューアルしたいな」
「ブログも長く続けてきたけれど、なんとなく今の自分と合わなくなってきたな」
と思っている方がいたら、いきなり作り直さなくても大丈夫。

まずは自分のサイトを、初めて訪れた人になったつもりで眺めてみるところから始めてみてはいかがでしょうか。

そして、トップページを変え始めました

サイトを見直してみて、まず手をつけることにしたのがトップページです。

現在使っているメインビジュアル。ねぴこむ工房やSNSでも使っているデザインです。

中でも、サイトを開いたとき最初に目に入るメインビジュアル
ここを、今の「ねぴこむ」に合うものに変えてみることにしました。

さっそく新しいものを作ってみたのですが、
PCでは「いい感じ!」と思ったのに、スマホで見てみると、
「あれ? 人物と文字が重なってる……」

はい、現在絶賛調整中です(笑)。

このあたりは、次回じっくり書いてみます。

次回予告

ということで、次回は
トップページの第一印象を変えたい。メインビジュアルを作り直してみた
というお話を書いてみようと思います。

PCではいい感じだったメインビジュアルが、スマホでは思わぬことに……。
そのあたりも含めて、リニューアルの途中経過をお届けします。

この連載が、自分のサイトやブログをそろそろ見直したいと思っている方にとって、
「私も、ちょっと見直してみようかな」
と思えるきっかけになったらうれしいです。

noteでも「サイトを育て直す」過程を書いています

今回のリニューアル計画は、noteでも連載を始めました。

ブログでは、実際にサイトのどこを見直したのか、どんなふうにリニューアルを進めているのかなど、実際にやったことや制作の過程を中心に。

noteでは、リニューアルを進めながら感じたことや気づいたこと、「自分のサイトを育てていくってどういうことだろう?」という思いの部分も交えながら書いています。

第1回では、28年間続けてきた自分のサイトを、なぜ今もう一度「今の私」に合わせて育て直そうと思ったのかを書きました。

これからの記事は、noteのマガジンにまとめていきます。
ブログ版とnote版、それぞれ少し違った角度から「ねぴこむ!」が変わっていく様子を楽しんでいただけたらうれしいです。

MacBook Pro on table beside white iMac and Magic Mouse

あなたのサイトも
一緒に見直してみませんか

「そろそろホームページを見直したい」
「何から手をつければいいか分からない」
そんなときは、お気軽にご相談ください。
小さなご相談からでも大丈夫です。

この記事を書いた人

Minako 'NEPPIE' Seki

HTMLコーダー|ブロガー|SNSマインドコンシェルジュ
伝えたい事を形にするお手伝いをしていきます。