賃貸管理会社（可愛い系・ナチュラル／ポップ）のWebデザイン見本

2つに向ける。① 部屋を探している学生・社会人（空き部屋・入居の流れ）② アパートを持つ大家さん（管理をまかせたい）。不動産の固さをなくし、「ここなら気軽に相談できそう」と思わせる。


業種	建設・工務店・不動産（賃貸管理）
系統	可愛い系（丸み・太い線と影・手書き風・明るい色・弾む動き・シールと吹き出し）
テイスト	ナチュラル・やさしい／ポップ・元気
色	赤・ピンク
形	スマホのまま横に延長：PCでも1列。色の帯・イラストは画面の端まで、文字の列だけ最大 720px
スライド	Swiper（空き部屋の紹介。点・矢印・キーボード・自動送りの停止ボタン）
メインビジュアル	イラスト・図形：SVG の小さなアパートとハート・雲。写真は脇
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	D03 ぼかした色の雲がゆっくり形を変える／B08 PCでは左右を固定し、中央だけスマホ幅で流す（「入居までの流れ」の区切りだけ）／B02 区画を固定し、サービスを1件ずつ切り替え「1／5」が進む
架空の会社	「ぽぷら賃貸管理」— 町の小さな賃貸管理会社。管理戸数〇〇〇戸

だれに向けたページか

2つに向ける。① 部屋を探している学生・社会人（空き部屋・入居の流れ）② アパートを持つ大家さん（管理をまかせたい）。不動産の固さをなくし、「ここなら気軽に相談できそう」と思わせる。

ページ全体は「スマホのまま横に延長」（1列・大きな文字・帯は端まで）。 B08 は「入居までの流れ」の区切りだけに使う。PCではこの区切りの左右にイラストの舞台を固定し、中央のスマホ幅の列だけが流れる。ページ全体の形とは別に、ここだけ舞台にする。

メインビジュアル（イラスト）：背景にピンク・桃・黄の雲がゆっくり形を変える（D03）。中央に太い線の SVG のアパートとハート、吹き出し「お部屋のこと、なんでも。」。読み込み時に家がポンと弾んで出る（1回だけ）
ふたつの入口：「お部屋をさがす方」「大家さま」の大きなカード
空き部屋（Swiper）：写真と間取り・家賃のカードを送る
管理サービス（B02）：区画を固定し、入居者募集・家賃の管理・修理の手配・清掃・24時間の窓口の5件を1件ずつ切り替え、「1／5」が進む
入居までの流れ（B08）：PCは左右にイラストの舞台を固定し、中央のスマホ幅だけ流れる
よくある質問
お問い合わせ：大きな赤いボタン
会社の情報・フッター

Swiper（MIT）。PCでは3枚見え、スマホでは1枚＋次が少し見える。自動送りは5秒、「止める」ボタンで止まる。JS なしは scroll-snap。

新しく作る：赤い扉のアパート外観／入居前の明るい部屋／鍵の受け渡し、の3枚。写真庫から：リビング・キッチン・平屋の外観（004）。