44dat DESIGN GALLERY

学生レジデンス

HOMEBASE(ホームベース)

架空ブランドを立てて制作したデザインデモです(2026-07-03 公開)。

実際のサイトを見る 別タブで開きます

HOMEBASE(ホームベース)(学生レジデンス)のホームページデザイン

家具・家電・光熱・ネット・24時間サポートまで、ひとつの家賃に生活の全部。契約から入居まで最短3日、初期費用は初月分のみ。国立・桜上水の学生向けオールインクルーシブ・レジデンス。

全ページビュー

HOMEBASE(ホームベース) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト HOMEBASE(ホームベース)— はじめての一人暮らしを“準備”ではなく“スタート”に変える学生スマートレジデンス

スタイル
生活インフラ寄りの端正なUI(機能=硬質・情報的/感情=写真で温度)
レイアウト
シーン別編集グリッド(写真は住環境がもたらす行動変化に限定+アイコンは単体で置かず「入居前→入居初週→試験期間→友人を呼ぶ日」の生活導線図解に昇格)
タイポグラフィ
見出しは幾何サンセリフで親しみ、本文・数字・費用表は硬質グロテスク+等幅数字で情報的信頼を担保する2声設計
モーション
価値を証明するモーション(月額に含まれる項目が積み上がる/入居手順が削減されていく/ひとつの契約で生活が立ち上がるトランジション)で理解そのものを前進させる
配色
白ベースに役割分担アクセント(コーラル=感情訴求のみ/スカイ=機能訴求のみ)。契約・費用・設備・安全のセクションは色数を絞りニュートラルで信頼優先
狙い
訴求を「お金・時間・心理的不安」の3軸に分解し、写真=行動変化/アイコン=生活導線図解と役割を明確分離、費用は等幅数字の情報レイアウトで信頼を担保する情報設計。
設計の勘所
単一便益を「お金・時間・不安」の3軸に翻訳して各セクションを再構成するコピー設計+写真=行動変化/アイコン=生活導線図解に役割分離するシーン別編集の見せ方

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。