オトナ帝国発足して、だいたい1年が経ちまして、Webページを改修しました。いやもともとのページも好きでしたよ、好きでしたが・・やっぱり少しびみょいな!と思ってたんです。
これまではなんとデザイナーなしで制作してました・・ちなみに私はフロントエンドエンジニアとして2年間ほど従事していたので、コーディング(html/css/js)はある程度やれるのですが、デザインはさっぱり
なので、基本的にデバイスフォントでのコーディングになってしまうので、見出しのところやキービジュアルのところは、デザイン的に何となく不満あるけど、どうしたらいいのか・・・わからないみたいな状態でした(モヤモヤ)
この記事ではTOPページのデザイン変更をがっつりご紹介!
【旧デザイン】
【新デザイン】
違い分かりますでしょうか?そう、「懐かしいゲームでコドモに戻れる宿泊施設」のところを画像に変換しました。少しスタイリッシュになりました!
【スマホ版デザイン比較】
だいぶ感じが変わりますね。実際のサイトを見ていただくほうが見やすいかもですが、これまで太字のデバイスフォントにしていたところを細字のフォントに変えました~
【旧デザイン】
【新デザイン】
こちらもだいぶ華やかになりました!今までデバイスフォントでやってたところをデザインテキストに変えるだけで本当に雰囲気変わりますね!かっこよくなったな、と。
もともとオトナ帝国のロゴのイメージもそうなんですが、「ゲーム」「懐かしい」「楽しい」が含まれていていいな、と身内でもよかったな~と盛り上がりました!!
これまではnoteをメインでちょくちょく記事コンテンツを出していたオトナ帝国ですが、今後はオトナ帝国ページ配下でも運用していこうと思って、エリアを追加しました!
こちらの実装に関しては少し特殊なことをやっているのでまた次回に!
【追加エリア】
今回はTOPページの改修について、記事にしてみました。デザインが変わると、同じ内容でも結構印象が変わりますね。
前のデザインをこちらに貼っておきます!ぜひ現在のデザインと見比べてみてください!
一方でこのページまだまだ課題があると思っております。
ヘッダーがファット、キービジュアルの画像がでかすぎて予約するボタンの改修、ナビゲーションもう少し何とかしたい、ハンバーガメニューびみょいな~、全体のデバイスフォントをWebフォントに変える、スライドショーのところの〇ポチびみょい、画像加工・・などなど
今後オトナ帝国では、Webページ関連の改修もこんな形で記事として発信していきます!!!!!
ゲームし放題の施設「オトナ帝国」の2拠点目となる浅草橋基地を作るにあたり、クラウドファンディングを実施しています!支援していただけると「懐かしさに浸れる秘密基地」をいち早く体験して頂けます。限定数のあるメニューもあるのでご興味ある方はお早めに!
2022.05.27
意外と迷う!記事のサムネイル素材を探し方&おすすめサイト掲載
2022.05.09
無料で使えるFont Awesomeの使い方解説、別ウィンドでのリンクを開けるようにしよう
2022.05.02
ラジオボタンでユーザー挙動を変える方法について
2022.11.26
ポケモンSVレビューとDLC(エキスパンションパス)への期待
2022.07.31
信長の野望・新生レビュー感想とパワーアップキット(PK)版への期待
2023.01.14
ホグワーツレガシー評価(期待大)・どんなゲーム、原作との関連について