twc-024 / Studi oleh Syafril · bukan proyek klien

Avara Homes: Avara Homes

Studio arsitektur rumah tinggal fiktif yang memulai rumah dari hari-hari penghuninya. Situsnya berupa set lembar gambar bernomor: program ruang dengan matriks kedekatan dan diagram gelembung, satu hari biasa, pola untuk disematkan, dan ringkasan yang bisa dicetak.

Tangkapan layar desktop asli demo Avara Homes.

BACA KEPUTUSAN DESAIN

Mengapa disusun seperti ini.

Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.

Tangkapan layar website asli. Ikuti catatan bernomor.
  1. 01

    Hubungan sebelum ruang

    Matriks kedekatan memimpin lembar. Tiap belah ketupat adalah satu pasang ruang; ketukan atau Enter mengubahnya, dan diagram gelembung di sebelahnya digambar ulang dari program yang sama. Tidak ada yang diukur atau berskala.

  2. 02

    Kop gambar, bukan header

    Proyek, rumah tangga, skala, status, dan daftar lembar ada di kop vertikal, seperti pada set gambar. Di ponsel kop menjadi strip berisi daftar lembar, langsung diikuti judul lembar.

  3. 03

    Tinta diazo di kertas cetak

    Tinta ungu, aksen genteng, dan panel kalkir berasal dari kebiasaan biro gambar di Indonesia. Garis milimeter hanya di belakang gambar; hubungan dibaca lewat simbol dan gaya garis, tidak dengan warna saja.

Sekilas desain

Tipografi judul
Archivo Expanded
Tipografi isi
DM Sans
Coba interaksi ini
Matriks kedekatan, sehari, dan pola tersemat
Kertas cetak#f3eedb
Tinta diazo#2f2b78
Genteng#a3401f
Kalkir#e4e0f0
Garis milimeter#e9a66f
Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Mulai rumah dari hari-hari di dalamnya.

Berfungsi pada demo ini

  • Tiga contoh rumah tangga, masing-masing 5–8 ruang
  • Matriks kedekatan berpapan ketik dan diagram gelembung
  • Jadwal sehari untuk 1–6 orang dengan temuan
  • Pola tersemat, cetak A4 lanskap, TXT, dan SVG
  • Program tersimpan di browser ini

Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.

Integrasi produksi untuk didiskusikan

  • Informasi studio nyata, portofolio dengan hak foto, metode perencanaannya sendiri, dan kanal konsultasi nyata memerlukan implementasi yang disepakati terpisah.

Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.

Batasan untuk direncanakan

Studi desain fiktif. Rumah tangga, pola, dan diagram bersifat ilustratif dan tanpa skala: bukan gambar konstruksi, listing, atau harga. Ekspor tetap lembar konsep lokal.

Penyerahan & penyesuaian

Cakupan halaman, aset merek, konten, serah terima, hosting, biaya, dan dukungan dibahas lewat konsultasi sebelum pengerjaan dimulai. Demo menjadi referensi untuk percakapan tersebut.

Siapkan brief untuk arah ini

Gagasannya

Gambar harinya dulu, baru dindingnya. Lembar program ruang yang diisi arsitek bersama penghuni sebelum denah: siapa yang tinggal, ruang mana yang harus dekat, mana yang dijauhkan, dan apa yang terjadi sepanjang hari. Kertas cetak, tinta diazo, dan aksen genteng, dengan kop gambar vertikal di setiap lembar.

Bahasa visual

Kertas cetak, tinta diazo ungu, dan aksen genteng, dipinjam dari kebiasaan biro gambar di Indonesia: sketsa di kertas milimeter blok bergaris oranye dan cetak diazo dari kalkir. Garis milimeter hanya di belakang gambar; hubungan dibaca lewat simbol dan gaya garis, tidak dengan warna saja.

Tipografi

Archivo Expanded 600, grotesk lebar bertulang lurus seperti huruf kop gambar dan label presentasi, menjuduli lembar dan wordmark AVARA. DM Sans membawa nama ruang, tabel harian, catatan, dan kontrol.

Tata letak & komposisi

Setiap halaman adalah satu lembar dalam set: bingkai gambar 2px, bidang gambar di kiri, dan kop vertikal 312px di kanan (proyek, rumah tangga, skala, status, daftar lembar). Di ponsel kop menjadi strip atas dengan daftar lembar yang bisa digulir.

Gerak & interaksi

Tanpa gerak dekoratif. Hubungan yang diubah langsung menggambar ulang diagram gelembung dan diumumkan; potongan cahaya hanya berubah saat waktu dipilih.

Di balik layar

Halaman Next.js statis dwibahasa. Satu program per rumah tangga disimpan di browser ini dan divalidasi dengan Zod setiap dibaca; ekspor (TXT, SVG, cetak) dibuat lokal. Tanpa akun, pengiriman, atau server.

Dirancang untuk semua

Matriks kedekatan adalah grid ARIA: tombol panah berpindah antarpasangan, Enter atau Spasi mengubah hubungan, dan perubahannya diumumkan. Diagram gelembung punya daftar teks setara; sel jadwal dan pola adalah tombol berlabel; penyimpanan diblokir atau penuh dinyatakan.

Di dalam pengalaman

  • Matriks kedekatan dan diagram gelembung dari satu model
  • Sehari di rumah ini, dengan temuan dikirim ke matriks
  • Delapan pola orisinal untuk disematkan
  • Ringkasan cetak, TXT, dan SVG
  • Buku komponen dan status sendiri
  • Personalisasi merek lokal

Cocok untuk

  • Studio desain rumah tinggal kecil, kontraktor yang juga menjual jasa desain, dan konsultan renovasi, untuk rumah tangga yang bersiap bertemu arsitek.

Di berbagai layar

Tangkapan layar desktop asli demo Avara Homes.
Tangkapan layar desktop asli demo Avara Homes.
Tangkapan layar ponsel asli demo Avara Homes.
Tangkapan layar ponsel asli demo Avara Homes.

Sudut pandang lain