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