着物レンタル・ヘアメイク店のWordPressサイト改修

2026-10-13

制作期間

約2か月（2026年8月中旬〜10月中旬）

対面での打ち合わせ → 現状の調査（ページ・ご予約フォーム・メール設定の洗い出し）→ 改修内容の確認表の作成 → ご予約フォームと通知メールの修正 → 記事の分類整理・表記の統一 → 新しいトップページを下書きで制作 → プレビューでのご確認・修正（2回）→ 本番の入れ替え → 全ページの確認 → 画面の写真つき操作の手引きのお渡しまでを担当しました。

業種・サービス内容

東京・赤坂見附の、着物レンタル・着付け・ヘアセット・メイクのお店。園遊会・戴冠式などの式典や婚礼で着る高級礼装訪問着を専門に扱い、早朝・深夜のご予約や、会場・ホテル・ご自宅への出張にも対応しています。

ご相談はLINEとSMS、ご予約はサイトのフォーム（ご来店用・ご出張用）で受け付けています。

担当範囲

運用中のWordPressサイトの改修です。ご依頼の3点（トップページにご予約の入口を置く／ご相談の窓口をLINEとSMSにする／ブログ記事をTopixとLogに分け、Instagramを加えたタブで見せる）を軸に、トップページの作り直し、ご予約フォームと通知メールの修正、メールの送信ドメイン認証の設定、記事の分類整理、サイト全体の表記の統一、管理画面の操作手引きの作成までを担当しました。

トップページの並びは、ご依頼主さまが描かれたラフ（構成案）をもとにしています。写真・影絵・イラストはご依頼主さまからのご支給です。

サイト種別

運用中のWordPressサイト（固定ページ・ブログ・ご予約フォームを含む公開ページ100件超）の改修。トップページは作り直し、ほかのページは中身を残したまま必要な箇所だけを直しています。スマートフォン対応のレスポンシブデザインです。

デザインの方向性

ご依頼主さまのラフで示された並びを土台に、これまでのサイトの雰囲気は変えず、迷わずご相談・ご予約に進める形に整えました。

いちばん上に「赤坂見附駅徒歩3分・ヘアメイク・着付け専門」を置き、その下で、お店の専門である高級礼装訪問着と3つの特長を影絵のイラストと並べてご案内しています。ドレスのお写真は切らずに全身をお見せできるよう、暗い帯の中央に配置しました。

プレビューでご確認いただくたびに届いたご要望（影絵を大きく・文は控えめに、専門の一言を太字で強調、お知らせ欄はInstagramを開いた状態から始めるなど）を反映して仕上げています。

実装した主な機能・工夫

トップページに「ご来店／ご出張・ご希望日・人数」を選ぶご予約の入口を設置。「この条件で続ける」を押すと、選んだ内容が入った状態でご予約フォームが開きます。フォームは新しく作らず、既存のご来店用・ご出張用のフォームへ引き継ぐ形にしたため、お店側の受付の流れは変わりません
ご相談の窓口をLINEとSMSのボタンにまとめ、トップページと各記事の下に配置。お電話をご希望の方は、SMSから折り返しを頼める案内にしました
お知らせ欄は「Topix／Log／Instagram」のタブ切り替え。切り替えのときに文字の残像が出ないよう、横にすべって入れ替わる動きを作り込みました
どちらの分類にも入っていなかったブログ記事55件を、記事の更新日を変えずにTopixとLogへ振り分け
ご予約フォームの通知メールを1通ずつ点検し、項目の入れ替わり・いつも空欄になる項目・「1名様名」のような表記の重なりなど、気づかれていなかった不具合を修正。お荷物のお取り置きの欄を加え、送信後の画面には「日時はまだ確定していない」旨のご案内を入れました。送信後の画面の「TOPへ」ボタンが別のサイトを開いていた不具合も直しています
ご予約の通知メールがGmailに届かない原因を調べ、サーバーで送信ドメイン認証（DKIM・DMARC）を設定。テスト送信で、認証の合格とGmailへの到着を確かめました
ビル名と駅からの所要時間の表記を、記事65本・ページ下部の欄・プライバシーポリシー・検索結果に出る説明文まで、サイト全体でそろえました
スマートフォンで見たときのヘッダーの店名を2倍以上の大きさに。各サービスのページに料金表へのボタンを置き、スマートフォンからも料金表へ進めるようにしました
トップページの文字は、ご依頼主さまが管理画面からご自身で書き換えられる形で組み、管理画面の写真に押す場所の印をつけた操作の手引き（12ページ）をお渡ししました

使用技術