家事代行サイト（デモサイト）
おうちスマイル
共働き・子育て家庭に向けた、定期家事代行のデモサイトをWordPress（SWELL）で制作しました。「知らない人を家に入れるのは不安」という気持ちを前提に、お悩み・サービス・ご利用例・料金・ご利用の流れを順に整理して、はじめての方でも申し込みやすい構成にしています。
別のタブで開きます
- 業種
- 家事代行・暮らしのサービス
- 担当範囲
- 構成 / デザイン / WordPress構築
- 使用ツール
- WordPress / SWELL
- ページ構成
- TOP（1ページ完結）/ お悩み / サービス / ご利用例 / 安心への取り組み / スタッフ / 料金 / ご利用の流れ / よくある質問
このサイトについて
平日は仕事と育児で手いっぱいの、共働き・子育て家庭に向けた家事代行サービスのサイトを制作しました。
やさしい水色とピンクを基調に、親しみやすさと清潔感が伝わる配色にしています。ファーストビューでは「家に帰ると、もう片づいている。」というコピーと笑顔のスタッフ写真で、頼んだあとの暮らしを思い浮かべてもらえるようにしました。そこから、お悩み、サービス内容、ご利用例、安心への取り組み、スタッフ紹介、料金、ご利用の流れ、よくある質問へと順に読み進められる構成です。
デザインのポイント
-
不安に先に答える、安心感のある構成
「知らない人を家に入れる」ことへの不安を前提に、担当スタッフの固定や研修、作業メモなどの取り組みを料金より前に置き、申し込む前に安心できる流れにしました。
-
イラストと写真で、やさしく親しみやすく
サービス内容はイラストのカードで見せ、ご利用例は「頼んでいること・1回あたりの料金・空いた時間で」の3点に絞って、自分の家庭に置き換えて考えやすくしました。
-
SWELLの標準機能を活かした更新しやすい作り
ブロックエディタ（WordPressの編集画面）で料金やお知らせを書き換えられるよう、テーマの標準ブロックを中心に組み、公開後も運用しやすい形にしました。
ページの流れ
トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。
-
01 / 05
TOP
メインビジュアルとキャッチコピーで、暮らしが軽くなるイメージを伝えました。初回お試しの料金・担当スタッフの固定・損害賠償保険の3点を、丸いバッジで最初の画面に置いています。
-
02 / 05
サービス
水まわり・お部屋の掃除・洗濯・片づけの4つをイラストのカードで並べ、お受けしていないことも先に明記して、頼んだあとのズレが起きないようにしました。
-
03 / 05
ご利用例
共働き・夫婦ふたり・4人家族の3つの頼み方を、頼んでいること・1回あたりの料金・空いた時間で、の3点で紹介しました。自分の家庭に近いものを見つけやすくしています。
-
04 / 05
料金
初回お試しの料金を大きく見せ、頻度と時間の組み合わせで選べる料金表を横に並べて、比べやすくしました。
-
05 / 05
ご利用の流れ
お問い合わせから初回訪問までを4つのステップで示し、続く「よくある質問」で申し込み前の疑問に答えられるようにしました。
こんなサイトを作りたい、
というご相談も。
新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。
ご相談・お見積もりは無料です。