皆さん、こんにちは！AI新潟です！

この度、AI新潟の公式サイトを新しくリニューアルしました。これまでの手作り感のあるサイトも愛着があったのですが、私たちの活動をより分かりやすく、そして楽しくお伝えできるようにデザインを一新しています。

今回のテーマは「爽やかで、洗練されていて、AIっぽすぎないサイト」です。新潟の美しい海や空、雪山、そして白い鯨という私たちの世界観は大切に残しながら、すっきりとした見せ方に整えました。実はこのサイト制作、ちょっと面白い裏側があるんです。

目次

1. デザインの方向性：AI感よりも新潟らしい空気感を

一番こだわったのは、サイトを開いて最初に目に入るファーストビューです。

「AIで人生をもっと楽しく、未来をもっと豊かに。」というメッセージが、新潟の海と空、雪山のビジュアルに自然に溶け込むようにデザインしました。デジタルの無機質なイメージを前に出すのではなく、ひらけた空気感や、新しく学ぶことのワクワク感が伝わることを意識しています。

2. 制作の裏側：Codexとの二人三脚

今回のリニューアルの最大のポイントは、制作に生成AIの「Codex」を活用したことです。

まずは既存サイトの雰囲気を見ながら「こんな方向性にしたい」と相談するところからスタートしました。メインビジュアルの構成から全体のレイアウト、さらにはWordPressへの反映方法まで、少しずつ対話を重ねながら一緒に形にしていきました。

3. こだわりポイントとスマホ表示の試行錯誤

こだわった分、調整が難しかったのがスマートフォンでの表示です。

最初はアニメーションを入れすぎてしまい、サイトの動きが重くなってしまうという失敗もありました。そこでCodexに相談しながらコードを修正し、「見た目は少し動くけれど、表示は軽い」というベストなバランスを見つけました。PCでは迫力を出しつつ、スマホでは見やすさと快適さを優先しています。

また、セミナーや地域イベントの写真を横に流れる「フィルムスライダー」として配置しました。私たちが普段どんな活動をしているか、雰囲気を感じていただけると嬉しいです。

4. 新しく追加されたコンテンツ

「AI新潟とは」の紹介ページも内容を新しくしています。

これまでの活動実績やメンバー紹介はもちろん、セミナーや子ども向けイベントの案内もわかりやすく整理しました。LINE、Instagram、メールでのお問い合わせ導線も整えましたので、ぜひお気軽にご連絡ください。

まとめ：AIは一緒に考える頼もしい相棒

今回Codexを使って感じたのは、単にコードを書いてくれるツールではなく、相談しながら作っていける「相棒」としての便利さです。

「ここをもっとおしゃれにしたい」「スマホで見にくい」と伝えると、その都度デザインやコードを調整してくれました。もちろん、画像の雰囲気や文章の温度感、活動を見せる順番などは、人間の目でしっかり確認して決めています。私たちのアイデアを実際の形にしてくれる、とても強力なサポーターでした。

AI新潟はこれからも、生成AIを暮らしや仕事に役立てるための学びを、新潟から楽しく広げていきます。新しくなったサイトも、ぜひ隅々までご覧ください！

AI新潟 Codex リニューアル 生成AI