WordPress 新規構築
コーポレートサイト制作
Figmaデザインからの完全コーディング。日本語・英語の多言語対応、ニュース・採用情報のCMS化、お問い合わせフォーム、アニメーション実装まで一貫して担当。
課題
デザイナーがFigmaで制作したデザインカンプをもとに、日本語・英語の2言語に対応したコーポレートサイトを新規構築する案件でした。ニュースや採用情報はクライアント自身で更新できる必要があり、またデザインにはスクロールアニメーションも含まれていました。
解決策
Figmaのデザインをピクセルパーフェクトにコーディングし、WordPressのカスタム投稿タイプでニュース・採用情報をCMS化。多言語対応はページ構造で切り替える方式を採用し、プラグインの依存を最小限に。Contact Form 7でお問い合わせフォームを構築し、スパム対策も実装しました。
実装した機能
Figmaデザインコーディング日英多言語対応カスタム投稿タイプ（ニュース・採用）Contact Form 7スクロールアニメーション
成果
- ✓Figmaデザインの忠実な再現と、日英2言語でのスムーズな切り替えを実現
- ✓クライアントがニュース・採用情報を管理画面から自分で更新可能に
- ✓スクロールアニメーションにより企業のブランドイメージを効果的に演出
使用技術
WordPressPHPFigmaContact Form 7