家族の気配が届く、ひと続きのLDK
閉じた台所を、会話の真ん中に。
事例を読むRENOVATION FOR YOUR EVERYDAY
暮らしの変化に、住まいを合わせる。
住み慣れた家も、これから選ぶ家も。
今の暮らしに合うかたちを、一緒に考える。
首都圏の住宅リノベーション会社を想定した架空デモ
01OUR APPROACH
空間をつくる前に、
暮らしを知る。
好きな景色、落ち着く場所、少し不便なこと。日々の小さな手がかりから、長く使える住まいを考えます。見た目と使いやすさ、予算と優先順位を一つずつ整理する姿勢を、このデモで表現しています。
考え方を知る- 好きな景色
- 落ち着く場所
- 少し不便なこと
以下はすべて架空の施工ストーリーです。
03WHAT WE DO
住まい全体も、
気になる一角も。
- 01
マンション
間取りや収納、設備をまとめて見直す。
- 02
戸建て
建物の状態と暮らし方を合わせて考える。
- 03
部分リノベーション
必要な場所から、無理なく整える。
START A CONVERSATION
まだ曖昧な想いから、
住まいの相談を。
ABOUT THIS DEMO
このデモサイトの、
つくり方。
「余白住建」は、SILNE WORKSが制作した架空の住宅リノベーション会社のサイトです。構成と文章、デザイン、動きまで、次の技術で組み立てています。
- サイト
- Node.jsで書き出す静的サイト。フレームワーク・外部ライブラリ・Webフォントは使わず、外部への通信もありません。
- トップの3D
- WebGL2のシェーダーで描く約9秒のアニメーション。手描きの設計図（Canvas 2D）から、軸組・白模型・家具の配置まで、同じカメラのまま変化します。
- 完成イメージ
- Blender（Cycles）で制作した建築CG。部屋・家具・照明をPythonで組み立て、アニメーションと同じカメラで描画しています。テクスチャはPoly Haven（CC0）。
- イラスト
- 施工事例などの画像は、ビルド時にコードで描くSVGのイメージ図です。
- フォーム
- 入力・確認・完了の流れを体験できます。入力内容は送信も保存もしません。
- アクセシビリティ
- WCAG 2.2 AAを目安に、文字のコントラスト、キーボード操作、動きを減らす設定に対応しています。
ご要望があれば、3DCGやアニメーションを使った表現も制作します。