ogp
この記事の概要
  • 2025年12月27日(土)、年越しギリですべり込み! 今年2回めサイトデザインを改良!
  • こだわりや前回からの改善点など、自己満語りしてくよー!
  • 使いやすくなってると思うので、、、興味のあるひとは読んでみてネ👀

機能性 UP!

チョコミントバージョンの新MiniaTuriaサイト

2025年の年越しギリギリになって、まさかのまたサイトデザイン・リニューアル?! 今回はデザイン一新!っていうよりは、まえのデザインを活かしたまま機能性を向上させた感じ。名付けて、「チョコミントバージョン」ですん!!!!! 前回のデザインの記録もかねて、変更点を紹介していくよー!

全体の特徴としては、チョコミント風のカラーチョイス、ページの要素をぜんぶ太めの線で囲って存在感をUP! 前回から、記事をカード化して管理してたので、そのメリットを最大限に活かす!

すべてのカードを、流行りのぷっくりシールみたいな、チョコの実体感みたいなのが出るように光沢や影をつけた。 ころっころっとした質感。。。 ゲームUI っぽさもあるかもしれない見た目

テキスト部分もカードにし、SNSみたいに読みやすいサイズに細分化 ノートみたいな罫線もつけて、かわいくしたかったっていう。。。

以前のスライドショー周りのデザイン

スライドショーは、よりラインナップを強調するコンパクトデザインに。 ↑以前はこんなにおっきかった!

新着情報、以前はポップアップをつけてたけど、じゃまなので廃止 代わりに、スライドの真下の、すぐ見えるところに、新着情報欄を設置しました。 カード式なので、イメージでわかりやすい。 「もっと見る >」をクリックすると、アーカイブへとびます。記事カード管理の利点!

MiniaTuria の紹介。石畳のようにひと目見てわかるサイズ感と配置

その下に、MiniaTuria の紹介! ここ頑張った! ぷっくりカードデザインの統一性を保ちつつ、石畳のようにひと目見てわかるサイズ感と配置!

ダウンロードページの改良点

新しいダウンロードページ

各ダウンロードページも、カード式で見やすくなったとおもう! ↑以前のページデザインでは、右カラムに ふきだしをつけてダウンロードからインストールまでわかりやすく誘導したつもり、だけど、情報量が多すぎて、ちょっこしワチャワチャしてるイメージだった。。。

以前のダウンロードページデザイン

新デザインではふきだし強調せず。 情報をカードで仕切ることで、見た目もスッキリ! SNSボタンに「Reddit」と「Copy URL」を追加!

Reddit は 欧米でゲームフリークの情報交換が盛んってことで、アメリカからのアクセスが1位である みにちゅり には有利かと思って。 URL コピーボタンは、ブラウザのアドレスコピーをしにくいスマホからでも、インスタ や TikTok などの動画系 SNS に貼りやすくなるように。 どちらも SNS 拡散をねらった改善点!

配布物の情報は、カードやバッジにしてわかりやすく

リリース品の説明箇所は、カードデザインごりおし!!! 要点や注意事項は少ない言葉でわかりやすく。

配布物の情報は、カードやバッジにしてわかりやすく。。。 カードそれじたいがリンクにもなるので、導入の仕方解説ページなどに迷わず飛べる

よくある質問(FAQ)の別ページを廃止し、各ダウンロードページですぐ見れるようにした! 全般的な質問は、Topics のお問い合わせメニューから見れるようにした~

プロセスを追いやすく

PC 画面サイズで見たとき、上から並ぶんじゃなくて横にも並ぶ記事カード

記事の中身までカードにして細分化した利点は、ここかなぁと! PC 画面サイズで見たとき、上から並ぶんじゃなくて横にも並ぶので、1画面で入る情報量が増えたん アドオンの入れ方解説など、順番がだいじなところで、長くなってもわかりやすい!(といいな。。。) 画像はクリックで拡大できるよ

読む系・解説系のページでは、PC 画面では 目次が右側にとどまって、進展が確認しやすくなってるよ

ドロップダウンメニュー

サブメニューつきのドロップダウンメニュー

ヘッダーのメニュー項目は以前から変わらないけど、サブメニューを作って内容を分けたよ 表示スペースが広がったので、ここでも各ページをカードで表示できるようになった!

これまでのメニューエリア。ぎゅうぎゅう

以前のメニューエリアはこれ 一覧でイッキ見しやすいけど、ぎゅうぎゅうで表示スペースがなくなってきてた💦

メインメニューとサブメニューってことで、行程が増えたから、アクセスをもっと気軽にできるようにしようと。。。 てことで、クリック展開じゃなしに、マウスをあてるだけで開く方式を採用~ マウス動線を考えて、サブメニューを左の縦に並べた(上に並べたら目的のカードをクリックするまえにマウスが反応しちゃうから)

フッターがちょいゴージャスに

SNSボタン増量のフッターデザイン

ページ下、チョコ色でかわいめ、美味しそう。。。 SNSボタン増量! ここには MiniaTuria のものだけじゃなく、はすっこ個人アカウントも含まれてますw ショート動画でのマイクラ情報交換がどんどん主流になってきましたね。。。

これまでの黒板風フッター

以前のフッターデザインも思い出として残しておきますん 黒板風! 画像使ってて重かったので、今回は軽めのんに変えました~ カード式記事管理をしているので、タグでお目当て探せる仕組み。ここは変わってません

おわりに

またまた自己満度の高いリニューアル報告となっちゃいましたが😂 本年もみにちゅりをご愛顧ありがとうございました~! 年越えちゃうんじゃないかと焦りましたが間に合いましたw 来年度はこのサイトデザインで、どしどし配布していきたいと思ってますので、今後とも、MiniaTuria プロジェクトをよろしくぅぅ

× large image