今回は、シンガーソングライター「和 -IZUMI-」さんの公式Webサイトリニューアル事例をご紹介します。
今回のリニューアルでは、デザイン刷新に加え、HTTPS化によるセキュリティ強化や、海外向けの情報発信を見据えた多言語対応を行いました。
1. プロジェクトの背景と課題
旧サイトでは、主に以下の課題がありました。
・HTTP環境からHTTPS環境への移行
・英語対応を含む多言語化
・更新しやすいCMS環境への刷新
・アーティストの世界観がより伝わりやすいデザインへの改善
今後の活動や情報発信を支えるサイトとして、運用面も含めた見直しを行いました。
2. 採用した技術スタック
今回のプロジェクトでは、開発効率と運用性を重視して以下の構成を採用しました。
デザイン・実装
・Figma
・CodeX
CMS
・Strapi v5
Strapiは柔軟なコンテンツ設計が可能なヘッドレスCMSです。今回は多言語対応を考慮し、i18n機能を活用できるStrapi v5を採用しました。
3. 制作・開発プロセス
まずFigmaでトップページと主要な下層ページを作成し、サイト全体の方向性を決定しました。
その後はAIを活用してコンポーネントや下層ページのデザインを展開し、効率的に制作を進行。生成されたデザインは実際の表示を確認しながら調整を行い、アーティストサイトとしての世界観や見やすさを整えました。
また、Strapiの設定や環境構築、本番環境へのデプロイ作業ではAIを補助的に活用しながら開発を進めています。
スマホ用画面の一部
4. 開発中に工夫したポイント
開発中は、パッケージの脆弱性対応やコード生成精度の調整、多言語運用を前提としたCMS設計などの課題がありました。
特に多言語対応については、Strapi v5のi18n機能を活用しながら運用フローを整理し、更新しやすい構成を設計しています。
また、コード生成時の命名ルールやコンポーネント設計を見直すことで、生成精度の改善と作業効率の向上を図りました。
まとめ
今回のリニューアルでは、HTTPS化によるセキュリティ強化、多言語対応、そして運用しやすいCMS環境の構築を実現しました。
Figma・CodeX・Strapi v5を組み合わせることで、制作効率と運用性の両立を目指したサイトへ刷新しています。
ぜひ新しくなった「和 -IZUMI-」さんの公式Webサイトをご覧ください。
Webサイトのリニューアルをご検討中の方へ
既存サイトのリニューアルや、多言語対応、ヘッドレスCMSの導入をご検討中の方はお気軽にご相談ください。
サイトの規模や運用体制に合わせて、最適な設計・技術選定をご提案いたします。
