• 自社サービス
  • 業務システム
  • AI開発・業務効率化
  • 不動産

MADORI+

AIで間取りから理想の部屋をデザイン

MADORI+のプロジェクト数、部屋数、生成画像数のKPIと最近のプロジェクトを表示するダッシュボード画面

課題・依頼背景

不動産、インテリア業界向けのAI間取りデザインアプリです。

間取り図をアップロードするだけでAIが部屋を自動認識し、家族構成や好みに合わせた家具配置イメージを自動生成します。

ステップバイステップのワークフローで住まいをデザインできるWebアプリです。

実装した仕組み

MADORI+の主な機能は次のとおりです。

ダッシュボード

MADORI+のプロジェクト数、部屋数、生成画像数のKPIと最近のプロジェクトを表示するダッシュボード画面

プロジェクト数、作成した部屋数、生成した画像数のKPIを一画面に集約します。最近のプロジェクトにアクセスでき、新規プロジェクト作成、プロジェクト一覧、使い方ガイドへのショートカットも提供します。

間取り図アップロード、解析

間取り図画像をアップロードし画像サイズとアスペクト比を検出する画面

間取り図の画像をアップロードするだけで、画像サイズとアスペクト比を自動検出します。再アップロードにも対応し、プロジェクトに合った間取り図を差し替え可能です。

AI部屋自動認識

間取り図からリビング、キッチン、洋室などの部屋の種類と面積割合をAIが自動認識し番号付きで表示する画面

アップロードされた間取り図からAIが部屋を自動セグメントします。リビング、キッチン、浴室、トイレなど各部屋の種類と面積割合を自動判定し、番号付きで間取り図上にマッピングします。

AI家具配置デザイン生成

インテリアスタイルに基づいて生成された家具配置の俯瞰イメージと部屋別の編集プロンプト入力画面

間取り図の各部屋に対し、画像生成AIがインテリアスタイルに基づいた家具配置イメージを自動生成します。生成結果は間取り図上に俯瞰ビューとして表示され、部屋を選択してプロンプトを入力することで、その部屋だけをデザイン変更する部分再生成にも対応しています。

ステップバイステップ、ワークフロー

アップロードから生成までの5ステップの進行状況を表示するワークフロー画面

アップロード、部屋確認、家族情報、スタイル選択、生成の5ステップでプロジェクトを進行します。各ステップの完了状況をビジュアルに表示し、進捗を把握できます。

プロジェクト管理

作成したプロジェクトをステータスやインテリアスタイルで絞り込みカード形式で一覧表示する画面

作成したプロジェクトをカード形式で一覧管理します。ステータス(下書き、進行中、アーカイブ)やインテリアスタイルでフィルタリングでき、検索機能で目的のプロジェクトにアクセスできます。

利用状況、プラン管理

今月の画像生成回数と月間上限、プランのアップグレード導線を表示する利用状況管理画面

今月の生成回数、残り回数、月間上限をリアルタイムで表示します。プログレスバーで使用状況を可視化し、無料プラン(月30回)からプロプランへのアップグレード導線も提供します。

ポノテクの担当範囲

  • 企画
  • 設計
  • 開発

確認できた結果

不動産、インテリア業界向けに、間取り図から家具配置イメージを生成するWebアプリケーションを構築しました。

間取り図のアップロードと画像解析、AIによる部屋の種類と面積割合の自動認識画面を実装しました。

家族構成や属性の入力、インテリアスタイル(モダン、和モダン、ナチュラルなど)の選択、AI家具配置イメージの自動生成と部屋単位の個別編集、再生成画面を実装しました。

5ステップの進行状況を表示するワークフロー画面と、ステータスやスタイルで絞り込めるプロジェクト管理画面、KPIダッシュボード画面を実装しました。

月間の生成回数と上限を表示しプランを制御する利用状況、プラン管理画面を実装しました。

技術要素

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Convex
  • Clerk

まだ、作るものが決まっていなくても。

「この作業を減らしたい」「こんなサービスを形にしたい」。その段階からお聞かせください。現状と目的を整理し、実現方法と進め方を一緒に考えます。

無料相談する