事業内容や実績を紹介し、お問い合わせにつなげる企業サイトを制作。
オリジナルテーマ開発からXserverへの移行まで対応した自主制作事例です。
制作区分: 自主制作(架空案件)
対応範囲: サイト設計・デザイン・実装・公開環境構築
使用技術: WordPress / PHP / HTML / CSS / JavaScript / MySQL
1. 制作概要
どのようなサイトを制作したのか
架空の製造業「あおば精密工業」を題材に、企業の事業内容や強み、制作実績を紹介するWordPressサイトを制作しました。
事業者が自社の情報を発信し、お問い合わせにつなげられるWebサイトを想定しています。
制作したページ
- トップページ
- 事業案内
- 会社概要
- 実績
- お問い合わせ
2. 想定した課題
企業サイトを必要とする事業者が抱えやすい、次の課題を想定しました。
- 自社の事業内容や強みをWeb上で伝えたい
- 見込み顧客が必要な情報を見つけやすくしたい
- お問い合わせを受け付ける窓口を設けたい
- 自社で情報を更新できるようにしたい
※ 架空案件のため、実在する顧客からヒアリングした課題ではありません。
3. 提案・解決方法
上記の課題に対して、WordPressを使用した企業サイトを設計・制作しました。
情報を分かりやすく整理する
事業案内、会社概要、実績などをページごとに分け、訪問者が目的の情報にたどり着ける構成にしました。
お問い合わせの導線を設ける
お問い合わせページに専用フォームを実装し、Webサイトから連絡できる仕組みを用意しました。
情報発信できる仕組みを用意する
WordPressを導入し、管理画面からコンテンツを管理できる構成にしました。
4. 実際に制作したもの

トップページ
サイトの第一印象と、詳細ページへの動線です。
事業案内・実績ページ
事業内容や実績情報の詳細ページです。
お問い合わせフォーム
入力からメール送信までの仕組みを実装しました。送受信テストも実施しています。
5. 対応した作業
| 工程 | 対応内容 |
|---|---|
| 企画・設計 | サイトの目的、ページ構成、掲載情報の整理 |
| デザイン | 企業サイトの画面制作 |
| WordPress開発 | オリジナルテーマの開発 |
| フォーム実装 | PHPによるお問い合わせフォームの実装 |
| サーバー構築 | Xserverへのファイル・データベース移行 |
| 動作確認 | 表示、リンク、メール送受信、スマートフォン表示の確認 |
| アクセス制限 | Basic認証、検索エンジン対策 |
6. 完成したサイト
デモサイト: https://ki-hi-ro.com/work/aoba/
※ 架空企業の自主制作サイトです。現在はBasic認証によるアクセス制限を設けています。閲覧を希望される方には、認証情報を個別にご案内します。
お問い合わせページはこちらです。
https://ki-hi-ro.com/contact-us/
7. この制作経験を活かして対応できること
今回の制作経験を活かし、次のようなご相談に対応します。
- 個人事業主・小規模事業者向けホームページ制作
- WordPressの導入・初期設定
- 企業サイトのページ制作
- お問い合わせフォームの設置
- WordPressサイトのサーバー移行
ホームページの新規制作やWordPressの導入をご検討の方は、お問い合わせからご相談ください。
