建設会社様から、CMSを使用した管理しやすいコーポレートサイトの制作依頼を受けました。 従来のWordPressのデザイン変更の窮屈さを解消し、より操作性の良いサイトを目指しました。 TOPに動画を使用してダイナミックな表現にしました。 このプロジェクトでは、建設会社のコーポレートサイトを制作しました。 白と濃いめの青を基調としたカラーパレットで、誠実でありながらもクリーンで近未来的な印象を与えるデザインを実現しました。
白と濃いめの青を基調としたカラーパレットを採用しました。
この組み合わせにより、以下の印象を与えるデザインを実現しました：
- 誠実さ: 建設業界に求められる信頼性と安定感
- クリーンさ: 清潔感のある印象
- 近未来的: モダンで先進的な企業イメージ
お客様の要件としてCMSの使用が必須でしたが、更新箇所が少ないことと、より操作性をシンプルかつ無駄を省くことを重視し、MicroCMSを採用しました。
MicroCMSを選んだ理由：
- 更新箇所が少ない要件に最適
- 操作性がシンプルで無駄がない
- 従来のWordPressのデザイン変更の窮屈さを解消
- API連携による柔軟な実装が可能
以下の機能をカスタムフィールドとして設置し、簡単な管理を実現しました：
- ニュース機能: 会社の最新情報を簡単に更新
- ブログ機能: 社長ブログや現場レポートの投稿
- 実績紹介機能: 施工実績の追加・編集
Slick.jsを使用して、ピックアップしたい実績をダイナミックに表示しました。
これにより、静止画では伝えきれない建設現場の迫力や技術力を効果的にアピールできました。
ふわっと出るアニメーションなど、リッチなウェブサイトを実現しました。
ユーザーの注意を引きつけ、サイトの滞在時間を向上させました。
Xserverに設置し、SSL化も一貫して代行しました。
セキュリティを確保しながら、スッキリしたサイトに仕上がりました。
Forms Preeを使用してコストを抑えつつ、問い合わせが増えてきたら柔軟に制限を解除する提案をしました。
初期コストを抑えながら、将来的な拡張性も考慮した設計を実現しました。
サイトデザイン-TOP-
サイトデザイン-service-
サイトデザイン-CONTACT-
従来のWordPressの制約を解消し、より柔軟で管理しやすいサイトを実現できました。
MicroCMSを使ったAPI連携により、フロントエンドとバックエンドの分離設計を学ぶことができ、今後のプロジェクトにも活かせる貴重な経験となりました。