こんにちは、ぺー(@pe_log_net)です。

記事ページはちょこちょこ改変加えていたんですが、暫く放置していたトップページをメインに改装しました。

息抜きに今回のリニューアルについてGeminiさんにお願いして取材形式の記事にしてみました！
どうぞお付き合いください。

Q.そもそも、なぜこのタイミングでリニューアルを？

A.本業も記事の執筆にも一区切りを終えたから

10月～12月は案件やセール・個人の散財によってブログネタが溜まっていたのでとにかく消化に勤しむ時期になりました。

趣味ブログなのでマイペースがモットーではあるものの、さすがにこの時期は忙しくしたいなと思い執筆に励みました。(それでも投稿数が多いわけではないけども・・・)

年末に近づくにつれ本業もひと段落し、晴れて早めに消化したい記事は執筆を終えたので、このタイミングでページのリニューアルを行いました。

元々自分の好きなデザインのブログデザインにしたいと思っていて、Cocoonの一番シンプルで自由度が高そうなテーマで運用していました。

ですが、結局記事執筆が最優先になるためデザイン系は後回し。

ずっと自分の中で妥協したデザインのブログで運用していました。

Q.リニューアルの目的は？

A.ズバリ！自分好みの城にするため

今までは、特に投稿ページではなるべく読者の方が閲覧しやすくなるようにパーツや配置を工夫してきました。

というかそれがブログ運用にあたって当然のことだと思います。

ですが、今回は読者は置いてけぼり、完全に自分が好きかどうか、自己満足に浸れるかをベースにリニューアルを行いました。

昨今、情報発信といえばYouTubeやX、noteなどが主流です。
集客や拡散力を考えれば、そうした巨大なプラットフォームに乗っかるのが『正解』だとは思います。
特にこのような読者にとって有益性のない記事は特にnoteなどに載せないと見てはもらいにくいですしね。

検索からの流入はほぼ見込めないけど、今回はこのブログのリニューアルのことなのであえてこのブログで書きました。

もはや好きなようにカスタマイズできるのがもはやブログの唯一のメリットと言ってもいいくらいです。

だから、これが自分のブログなんだ！とより運用が楽しくなるように今回のリニューアルに励んだわけです。

Q.今回のリニューアルのテーマは？

A.ドット絵と遊び心

僕の青春はSFCでした。 特にストⅡやMOTHER2のファンで、小学校からおっさんになった今でもたまに手に取って遊ぶレベルです。
あのぬくもりあるドット絵がずっとずっと大好きなのです。

WEBサイトを作成するのも昔から好きで、いつか「ドット絵×WEBデザイン」を実現したいと考えていました。

サイトのテーマに関係なく、「必ず作るサイトにはドット絵を起用したゲームっぽいサイトを作ろう！」と心に決めていて、2年ほど前に色々なきっかけが重なってガジェットについて発信したいと思いこのブログを立ち上げました。

ですが、結局ドット絵のキャラクターを作成するだけで精一杯。それをトップや吹き出しにボン！と置くことしかできず、全体の世界観までには到達できていないのが現状でした。

今回のリニューアルでは、少しでも私の夢である「ドット絵×WEBサイト」に近づけるため、ドット絵アイコンを増産し、アニメーションを入れ、視覚的に楽しめるようゲーム的な要素をちりばめました。

これでもまだ世界観として「ドット絵×WEBサイト」が完璧に実現できたわけでは決してないですが、ドット絵の要素が格段に増え、前よりもやりたいことができたように感じており、現状では一旦満足しています。

今回のリニューアルの「こだわりポイント」は？

アニメーションとゲーム性でより楽しんでもらうように工夫した

「楽しんでもらうように」なんて仰々しいこと言っていますが、ターゲットは僕です。笑

ドット絵のアニメーションによる視覚的な面白さ、ちょっとしたゲームっぽさによる面白さをブログにいれてみました。いかがでしょうか。

例えばこの記事を見てくれているなら下部を見ればわかると思うのですが、今回プログレスバーを導入しました。

今全体の何%まで読んでいますというのが視覚的に見えるあれです。

このプログレスバーを応用して、ちょっとゲームっぽくアレンジしてみました。

一定の所まで進むとパワーアップアイテムを取得して、さらに進むと敵を退治、そうして記事を読了するとゴールへたどり着きます。

この演出には、正直賛否両論どころか否が多いかもなとも思っています。
記事に集中できないとかありそうですが、試験的に暫くは置くつもりです。

他にもTOPページでも街中を颯爽と駆けるぺー君(当サイトのマスコット)がいたり、フッターにはタップやマウスホバーで喋るぺー君もいます。

このブログのベースとなったiPad(タブレット)を取り出すアニメーションになっています。
そういうところで視覚的にもほんのちょっと楽しくさせるような工夫を取り入れています。

さらにこれらはタップ操作で動くおまけつきです。ちょっとしたゲームのような感じで、これが僕が埋め込んだ遊び心の部分になります。

これで元々あったロゴや吹き出しとの相乗効果で、よりドット絵を起用したWEBサイトになったんじゃないかなと思っています。

ブログ界隈って「記事をとにかく増やせ」「質をあげろ」とかばっかりで殺伐としていますよね。
副業にしたいと思っている方なら特にそう思うでしょうね。

例えば「サムネに時間かけるやつはアホ。そんなことに時間かけるなら記事を一つでも増やせ」なんてポストも見かけたことがあります。

だからこそ、効率を考えた上だと思いますが、デザインにこだわってるブログって少ないですし、あったとしても「記事への導線を綺麗にまとめるため」とか、「写真がとにかく綺麗」というブログ以外はあまり見かけないんですよね。

「好きだから」「遊び心を取り入れた」ブログは結構珍しいんじゃないかなって思います。

僕から言わせてみれば、それをやらなければYoutubeでもnoteでもやったほうがいいんじゃない？って思いますけどね。

---

リニューアル作業で一番大変だったことは？

WEBデザインのベースを決めるとこ

ドット絵のアニメーションも大変だったんですが、思ったよりもAIが頑張ってくれました。

結局手直しは必要で作業時間はかかりましたが、元々私が書いたドット絵の立ち絵をベースに基礎パーツは作ってくれたので思ったよりもスムーズにいきました、最近の画像生成はすごいですね。

それよりもまず、WEBサイトのデザインリニューアル案のベースを固めるのに時間がかかりました。

AIもなんかいいの出してくれないので結局自分でやるハメに。

当初はもっと”ゲーム！ゲーム”している感じにしたくてゲーム風フォントとか多様していかにもレトロゲーム風のデザインにしてみたのですが、私のセンスが追い付かず相当ダサくなりましたね・・・。

あとそれだとさすがに見えづらいということもあり、「ドット絵は起用するけどレトロ調にするのはやめ、飽くまでもモダンな雰囲気は取り入れよう」という発想にいたり、今現状にいきつきました。

センスが無いのをシンプルさでカバーしているのは正直妥協点です。
もっと奇抜なデザインにできるように精進していこうと思います。

あとはガジェットブログって並ぶサムネイル(商品群)を見るとワクワクしませんか？

今回遊び心的な部分以外で気を使ったのはここです。

様々な導線を用意したのはTOPページにも多彩な画像を並べるためでもあります。

写真を見てワクワクしてほしい、ドット絵+遊ぶ心でもワクワクしてほしい。

そんなワクワクを提供できるガジェットブログを目指しました。

今後の話

正直まだまだ自分の中でサイトデザインが完璧だとは思っていません。

ただ、自分にまだ「何が物足りないと思っているのか」を言語化する力がありません。

何が気に食わないのか、何が物足りないと思っているのか、分析して自分の中で明確にして、言語化できるようになればまた進化すると思います。

記事については相変わらず写真はうまくありませんね。

ただ、じゃあ写真を極めようというよりは、今はスマホカメラの偉大さにそこは任せることにしています。

先日Xiaomi14 Ultraを購入しましたが本当にすごいですね、これ。

本国ではすでに17Ultraが発表？されたようですが、僕としては今のところこれで十分。
価格も下がっていたので手に取りやすかったのも決め手。

まぁこのあたりは今回のリニューアルの話とは変わってくるのでこの辺で。

なんかまた面白そうなことがあればこのブログで実践してみます。

それでは。