国内地方エリア観光サイト・観光LPの多言語コーディング

海外旅行者向けの国内地方エリア観光サイトや観光プロモーション用LPのコーディングを、制作会社を経由して継続的に担当しました。

課題

クライアント側のCMSへの組み込みを前提とするため、特定のフロントエンドフレームワークに依存しないプレーンなHTML/CSS/JSでの実装が求められました。加えて、海外旅行者向けという性質上、日英を中心とした多言語対応が必須でした。制作会社経由での継続的な受注の中で、複数の地域・複数サイトを並行して実装する体制も課題でした。

アプローチ

Figmaデザインを基に、トップページ、スポット紹介、ストーリー、検索機能など複数ページ・複数のコンテンツブロックを段階的にコーディングしました。多言語対応は英語版のスタイルを基本とし、他言語はCSSファイルを分割して上書きする設計を採用することで、保守性と拡張性を両立させました。OGP・SEO対応、画像の遅延読み込み、ブラウザ互換対応もあわせて実装し、Netlifyのプレビュー環境を通じてクライアントとの確認サイクルを回しました。

成果

複数の地域観光サイトおよび観光プロモーション用LPを継続的に納品し、制作会社経由の長期的な受注関係を維持しています。多言語対応の設計パターンは他の案件でも再利用され、実装効率の向上に貢献しました。