CASE STUDY制作・対応事例
デザイン支給の複数ページ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バージョンを考慮しながら実装しています。
GALLERY