「ぱぱっと収納putit」様は、個人の家庭を対象とした整理収納サービス(BtoC)から、不動産価値を高めるための物件の空間演出・ホームステージング(BtoB)までを幅広くこなす、住まいと空間のプロフェッショナル集団です。

さらに、母体となる「株式会社建収屋」様はハウスクリーニング事業やリペア(補修)事業を自社で展開しているため、「家の修繕・清掃から、最終的な空間演出(インテリアコーディネート)までをオールインワンでサポートできる」という、競合他社にはない圧倒的な強みを持っています。
本プロジェクトの課題は、この「多角的なサービス」と「BtoB / BtoCという異なるターゲット層」を1つのWebサイト内でどのように整理し、迷わせずに成約(コンバージョン)へ導くかという、高度な情報設計(インフォメーションアーキテクチャ)にありました。
ユーザーがストレスなく必要な情報にアクセスでき、かつ「putit様ならではのトータルサポート力」という唯一無二の強みがストレートに伝わるオリジナルWordPressテーマの開発を目指しました。
プロジェクトの概要
| クライアント名 | ぱぱっと収納putit(運営:株式会社建収屋 様) |
|---|---|
| サイトURL | https://putitoffice.com/ |
| プロジェクト領域 | オリジナルWordPressテーマ開発、UI/UXデザイン、フロントエンド実装、情報アーキテクチャ(情報設計) |
| 提供サービス |
|
2. ユーザーを迷わせない情報設計:BtoB / BtoCを繋ぐ「タブ切り替え」
本サイトの最大のブレイクスルーであり、最もロジカルに設計した部分が、「ターゲットに合わせたトップページの動線分岐」です。
「整理収納を頼みたい個人主婦層(BtoC)」と、「ホームステージングを依頼したい不動産会社やオーナー(BtoB)」では、サイトに求める情報も、意思決定の基準も全く異なります。これらを同じページに混在させてしまうと、ユーザーは「自分向けの情報ではない」と感じて離脱してしまいます。
① 離脱を防ぐスマートな「タブ切り替え」の実装
この課題を解決するため、トップページのメインビジュアル直下に、直感的に操作できる「タブ切り替え機能(個人向けサービス / 法人向けサービス)」を実装しました。
・個人向けタブ: 整理収納やお片付け、実家の片付けなど、暮らしの悩みに寄り添うコンテンツを前面に配置。
・法人向けタブ: ホームステージングなど、ビジネス(物件の価値向上)に直結するメニューを配置。
ユーザーがサイトに訪れた瞬間、自分に必要な情報を即座にフィルタリングして取りに行ける動線を確保したことで、サイト内での迷子をなくし、直帰率の低減とエンゲージメントの向上を両立させています。
② オールインワン対応という強みの可視化

タブで入り口を明確に分けつつも、サイト全体を通じて「リペアからクリーニング、空間演出までワンストップで対応できる」という株式会社建収屋様だからこその強みを構造的に配置。
別々の業者に手配する手間の多さに悩むユーザーに対し、「ここ一箇所に頼めばすべてが解決する」という強力なベネフィットをロジカルに提示しています。
3. デザイン戦略:競合との差別化を図る「フラットデザイン」と「暖色系配色」
Webデザインにおいて、周囲の競合調査(ポジショニング分析)は不可欠です。
整理収納や空間演出の業界では、スタイリッシュさや高級感を演出するために「ラグジュアリー・モダン」なデザインを採用する競合が多く見られます。
しかし、本プロジェクトではあえてその市場のトレンドとは一線を画すデザイン戦略を取りました。

① ユーザーの心理的ハードルを下げる「フラットデザイン」
お片付けや住まいの悩みを抱えているユーザー(特にBtoC)が求めているのは、過度な高級感よりも「安心感」「親しみやすさ」「分かりやすさ」です。サイト全体をシンプルで洗練された「フラットデザイン」をベースに構築することで、気取らない誠実さとプロフェッショナルとしての信頼感を演出しました。無駄な装飾を削ぎ落としたフラットなUIは、視覚的なノイズを減らし、コンテンツそのものに集中させる効果もあります。
② 文字の可読性を極限まで高める「コントラストと暖色系の配色」
ユーザーにストレスを一切与えずにコンバージョン(CV)へ導くため、カラーユニバーサルデザインの視点からも徹底的なチューニングを行いました。 ベースには温かみと安心感を与える暖色系のカラー(オレンジやベージュ、ブラウン等)を採用。さらに、文字情報と背景の「コントラスト(明度差)」を厳格にコントロールすることで、文字の可読性(読みやすさ)を圧倒的に向上させました。
高齢層からビジネスパーソンまで、あらゆるデバイス環境・年齢層のユーザーが、小さな文字や重要な説明を「読まされる」のではなく「自然にスラスラと読める」状態を作り出しています。この「視覚的ストレスの排除」こそが、ユーザーの離脱を防ぎ、スムーズにCVへ繋げるための隠れた重要ロジックとなっています。
4. 技術的アプローチとWordPressテーマ開発
デザインのロジックを正確にシステムとして機能させるため、今回もスクラッチでのオリジナルテーマ開発を行いました。
① ノンストレスなページ遷移とコンバージョン(CTA)動線
トップページのタブ切り替えをはじめ、サイト内のあらゆるインタラクション(動き)を軽量かつスムーズに実装しました。 また、ユーザーが「相談してみよう」と思った瞬間を逃さないよう、電話番号、お問い合わせフォームを、視認性の高い位置に常駐・配置。可読性の高いデザインと相まって、読後のアクションへと自然に背中を押す設計になっています。
② 資産となる「実績・事例」の運用内製化
ホームステージングや整理収納において、最も強力な成約トリガーとなるのは「実際の施工事例(Before/After)」や「お客様の声」です。 クライアント様が、日々の現場の成果をスマートフォンからでも簡単に、かつデザインを崩さずに投稿できるよう、管理画面を最適化しました。
・サービスのカテゴリー(個人向け・法人向け)ごとに事例を自動で振り分け表示するシステム。
・施工前後の写真や、作業内容・料金などの必要項目をフォーマット化し、誰が更新しても美しいレイアウトが維持されるカスタムフィールドの実装。
これにより、Webサイトが単なる会社案内ではなく、更新すればするほど信頼が蓄積される「営業資産」として自律的に成長していく仕組みを提供しています。
5. 本プロジェクトを終えて(当社の姿勢)
「ぱぱっと収納putit」様のWebサイト制作は、「優れたマーケティングロジック(情報設計)と、徹底したユーザーファースト(可読性とUI)の融合」を形にした、当社としても非常に完成度の高い事例となりました。
おしゃれなだけのデザイン、あるいは情報が整理されていない独りよがりのサイトでは、ターゲットが複数いるビジネスを成功に導くことはできません。当社は、クライアント様の事業構造(BtoB/BtoCのハイブリッド)や会社の強みを深く理解した上で、それを最も美しく、最も成約に近い形へとワイヤーフレームレベルから組み立てていきます。
「自社のサービス特性に合わせて、ユーザーにストレスをかけないサイトを作りたい」「複数のターゲット層へ的確にアプローチしたい」という課題を持つ経営者・事業責任者様の一翼を担う存在として、今後もハイクオリティなWebサイト構築を提供してまいります。