WORKS:Corporate Site(WordPress/ブロックベースCMS構築)
クラウドとインフラ技術で企業の未来を支える、
ITソリューション企業向けコーポレートサイト構築。
1. プロジェクト概要
本プロジェクトでは、ITインフラ企業を想定したコーポレートサイトをWordPress(ブロックベースCMS構築)で設計・構築。 既存テーマをベースとしながらも、ブロックエディタを活用しUI・情報設計を再構築することで、企業ブランディングに最適化。
AWS・Azureなどのクラウド領域を扱う企業としての信頼性・拡張性・技術力を可視化し、 BtoB向けの問い合わせ獲得を目的とした設計としています。
[課題]
-
実務を想定したコーポレートサイト制作として、
情報設計・デザイン・実装まで一貫して対応するスキル強化を目的に制作しました。
-
ユーザーが迷わず情報にアクセスできる導線設計を行い、
視認性の高いレイアウトを構築しました。
WordPressでの運用を想定し、管理画面の使いやすさにも配慮しています。
-
構成設計から実装まで一貫して制作することで、
実務に近い制作フローを習得できました。
特に、UI改善と情報整理のノウハウを体系化できた点が成果です。
[解決]
[成果]
[担当・技術]
- 担当範囲: WordPress(ブロックベースCMS構築) / UI設計 / 情報設計 / デザイン / コーディング / 機能実装
- 使用技術: WordPress(ブロックベースCMS構築) / PHP / HTML5 / CSS3 / JavaScript
2. 制作仕様
制作期間は短納期ながら、設計・検証・修正を含めた品質担保フローを構築。
- 総計:56時間
- 設計・構成:10時間
- デザイン調整:12時間
- WordPress構築・実装:18時間
- テスト・修正対応:8時間
3. 技術・ビジュアル設計
① カラー設計(信頼性 × テクノロジー)
- ホワイト / Base( #fff):クリーンな情報設計
- ネイビー / Main(#0a2049):信頼性・専門性
- ブルー / Accent(#3d89e5):テクノロジー・成長性
② WordPress構築(ブロックベースCMS構築)
- WordPress(ブロックエディタ)をベースに柔軟なCMS設計を実装
- ブロックエディタ(VK Blocks)活用
- 更新性を考慮した拡張可能なCMS設計
4. 情報設計(UI/UX)
ユーザー導線は「理解 → 信頼 → 行動」の3段階で設計。
- 理解:サービス内容を視覚的に整理
- 信頼:技術領域・実績・運用体制を明示
- 行動:お問い合わせ導線を明確化
企業サイトとして必要な「安心感」と「即時性」を両立した構造設計としています。
5. デザイナーズ・ノート
本サイトはWordPress(ブロックエディタ) をベースにしながらも、企業ブランディングに合わせた独自設計を行いました。
特に「更新性」と「運用性」を重視し、WordPressのブロック構造を活かした拡張性の高い設計としています。
インフラ企業という特性上、過度な装飾を避け、情報の正確性と視認性を優先したミニマルデザインを採用しました。
今後の展開:採用ページの強化やコンテンツ運用の効率化など、将来的な機能追加や改善に対応できる設計としています。