CASE STUDY制作・対応事例

WordPress構築 匿名掲載

デザイン支給の複数ページWordPress構築しました

支給デザインをもとに、複数ページ構成のWebサイトをWordPressで構築。
既存環境に合わせた実装、レスポンシブ対応、お知らせ機能、フォーム調整まで対応しました。

ご依頼内容

支給デザインをもとに、複数ページ構成のWebサイトをWordPressで構築するご依頼でした。

対応内容

コーディング、WordPress構築、レスポンシブ対応、お知らせ機能の実装、フォームまわりの調整を行いました。
また、既存のWordPressご利用環境に合わせた構築を行い、納品時には更新時の注意点をまとめた簡単なコーディングルールも共有しました。

使用したもの・環境

WordPressを中心に、HTML / CSS / JavaScript / PHPを使用して構築しました。
既存環境に合わせて、使用できるPHPバージョンを考慮しながら実装しています。

対応期間

約1週間

お見積り額

5〜10万円程度

掲載について

匿名掲載のため、社名・URL・固有情報は伏せて掲載しています。

STORY

ご相談から対応後まで

ご相談内容

支給済みのデザインをもとに、複数ページ構成のWebサイトをWordPressで構築したいというご相談でした。
静的な見た目の再現だけでなく、更新しやすいお知らせ機能や、お問い合わせフォームまわりの調整も含めて対応する必要がありました。

また、既存のWordPressご利用環境に合わせた実装と、納品後に管理しやすいCSS構成もご希望でした。

対応内容

デザインデータをもとに各ページのコーディングを行い、WordPress上で管理・更新できる形に構築しました。
主な対応内容は、複数ページのコーディング、WordPressテーマへの組み込み、スマートフォン・タブレットへのレスポンシブ対応、お知らせ機能の調整、フォームまわりの調整です。

あわせて、既存環境のPHPバージョンを考慮した構築を行い、納品時にはCSSの管理場所や更新時の注意点を簡単にまとめたコーディングルールを共有しました。

工夫した点

支給デザインの雰囲気を崩さないよう、余白や文字サイズ、パーツの見え方を確認しながら実装しました。
WordPressのご利用環境に合わせて実装内容を調整し、動作に影響が出にくい形で構築しています。

また運用時に更新が必要になりやすいお知らせ部分は、WordPress上で扱いやすい形になるよう意識しました。
CSSについても、後から確認・調整しやすいように整理し、納品時には更新時の注意点を共有しています。

対応後の状態

複数ページ構成のWebサイトとして、WordPress上で表示・運用できる状態まで構築しました。
PC・スマートフォンでの表示に対応し、お知らせの更新やフォーム利用を想定した形に整えています。

また納品後の更新時に迷いにくいよう、CSS管理や修正時の注意点もあわせて共有しました。

使用したもの・環境

WordPressを中心に、HTML / CSS / JavaScript / PHPを使用して構築しました。
既存環境に合わせて、使用できるPHPバージョンを考慮しながら実装しています。

TAGS

対応内容・技術

  • WordPress構築
  • お知らせ機能
  • コーディング
  • コーディングルール
  • フォーム調整
  • レスポンシブ対応
  • 投稿機能
  • 既存環境対応
  • 複数ページ構成