【WordPress】事業サイト制作

制作物詳細
業務委託にてコーポレートサイトと同時並行でデザイン・ディレクション・制作まで一通りお任せいただきました。

提案から自身で行ったため、要件定義やワイヤーフレーム、デザインレイアウト、SEO対策など細部まで携わった案件です。

商品PRサイトという性質上将来的に更新する項目が多数存在するため、オリジナルテーマとして1から制作いたしました。具体的にはブログ機能以外でカスタム投稿を3つ実装し、それぞれで新しく追加したいと考えた際にそれぞれを更新しやすくしています。

それぞれでページレイアウトを組んだ上でデザインを統一しているため、視認性に優れている傾向にあります。各ページごとに異なるCTAエリア、バナーを設置しているため、問い合わせへのハードルを低めにしているのも特徴の1つです。

また、クライアントの意向に合わせてコンテンツを変更できるよう、トップページはカスタムフィールドを多用することで知識がなくとも簡単に更新できるようにしてあります。同じように変更・更新の余地があるフッターバナーやよくある質問項目もカスタムフィールドにて出力できるようにしているため、状況に応じてのコンテンツ変更が可能です。

本案件ではSEO対策にも注力しているため、schemaやitemtype、itemdropも各ページごとに異なる出力ができるように設定しています。SEO対策の基本であるディスクリプション、キーワード、サムネイル画像なども簡単に設定できるように入力欄の設定やデフォルト画像の指定などの対応済です。

今回のクライアントはWordPressに不慣れという前提があったため、可能な限り操作を容易にするための仕様をいくつか実装しています。例としては以下のリストが挙げられます。

・お知らせ投稿時にサムネイルを設定しない場合にはデフォルトでロゴをサムネイルとして設定する機能
・管理画面上で固定ページのサムネイル画像の表示機能（設定していない場合には表示されません）
・各カスタム投稿・固定ページの管理画面でSEOタイトル・ディスクリプション・キーワードを表示する機能
・各カスタム投稿・固定ページの投稿画面上で各見出しが公開時と同様に表示される疑似プレビューの設定
・各カスタム投稿・固定ページの投稿画面上に存在する・既存のWordPress機能の非表示・削除
・SEO対策としてのディスクリプションやキーワードの簡易入力フォームの設定
・サイト運用の上では不要なプラグインや、既存WordPress機能を管理画面上で非表示
・管理画面のアイコンを変更することで視覚的に何のメニューかを分かりやすく調整
・サイト運用の上で最低限必要と思われる機能のみを掲載したダッシュボードの制作
・コーポレートサイトと混合しないようログイン画面のロゴを変更
・TOPページ・フッターバナー・ページヘッダー画像・よくある質問を管理画面から変更できる機能

担当業務
デザイン
コーディング
WordPress実装
ディレクション
ライティング
サムネイル・画像制作
SEO対策

使用ツール
VScode
gulp
XD
PhotoShop
illustrator
GitHub/BitBucket
SourceTree
Excel/スプレッドシート
PowerPoint/Googleスライド
notion

機能・仕様
サイト内検索機能
ファーストビューの商品数を判別してスライダーの実装・非実装を設定する機能
新商品に見出しをつけられる機能
カスタム投稿を3種類導入することで使いやすく更新しやすいサイト構成を制作
お知らせ投稿時にサムネイルを設定しない場合にはデフォルトでロゴをサムネイルとして設定する機能
管理画面上で固定ページのサムネイル画像の表示機能（設定していない場合には表示されません）
各カスタム投稿・固定ページの管理画面でSEOタイトル・ディスクリプション・キーワードを表示する機能
各カスタム投稿・固定ページの投稿画面上で各見出しが公開時と同様に表示される疑似プレビューの設定
各カスタム投稿・固定ページの投稿画面上に存在する既存のWordPress機能の非表示・削除
SEO対策としてのディスクリプションやキーワードの簡易入力フォームの設定
ヘッダーから余分なMETA情報を削除
サイト運用の上では不要なプラグインや、既存WordPress機能を管理画面上で非表示
管理画面のアイコンを変更することで視覚的に何のメニューかを分かりやすく調整
サイト運用の上で最低限必要と思われる機能のみを掲載したダッシュボードの制作
コーポレートサイトと混合しないようログイン画面のロゴを変更
オプションページの制作
TOPページ・フッターバナー・ページヘッダー画像・よくある質問を管理画面に作成した各オプションページから変更できる機能
TOPページのコンテンツは全てカスタムフィールドのオプションページから設定可能な仕様
制作期間
2ヶ月半