bram
ALL WORK

WEBSITE / CONCEPT / DEMO

LARUNAI

Ruang untuk melambat.

EXPLORE DEMO (tab baru)
Website LARUNAI dengan lilin keramik 3D berwarna moss di atas latar gelap dan headline Ruang untuk melambat.
FICTIONAL BRAND / WEBSITE CONCEPT / LARUNAI
PROJECT

LARUNAI

TYPE

Website

ROLE

Konsep dan pengembangan website interaktif

LINKSInteractive demo ↗ (tab baru)

STACK & TOOLS

  • Astro
  • TypeScript
  • Three.js
  • CSS
  • Native scroll animation
01

Produk keramik 3D sebagai pusat cerita

02

Morning, Unwind, dan After Dark

03

Nyala lilin dan pose mengikuti scroll

Konsep website home fragrance dengan objek 3D, cerita mengikuti scroll, dan pilihan suasana yang dapat dicoba langsung.

Ide di balik konsep

Sebuah produk sederhana dapat terasa berbeda melalui cara ia diperkenalkan. LARUNAI mengeksplorasi website home fragrance yang membawa pengunjung dari bentuk keramik, cahaya, dan suasana menuju sebuah ritual kecil.

Kontribusi saya

Saya mengembangkan konsep dan website interaktif yang berdiri sendiri. Produk 3D, tipografi editorial, dan perpindahan bab dirancang untuk menyampaikan karakter yang hangat dan tenang.

Pilihan teknis

Astro menjaga struktur konten tetap terbaca, sementara Three.js menangani lilin keramik, tutup, material, cahaya, dan komposisi produk. TypeScript menghubungkan cerita scroll dengan pose scene.

Pose mengikuti scroll dalam kedua arah. Pilihan Morning, Unwind, dan After Dark mengubah suasana; nyala lilin dapat dinyalakan atau dipadamkan. Pilihan tersebut bertahan ketika pengunjung berpindah bab.

Hasil yang dapat dicoba

Jelajahi empat bagian cerita, lihat detail keramik, pilih suasana, dan nyalakan lilinnya. Website tersedia sebagai demo mandiri sehingga pengalaman produk dapat dinikmati secara utuh.

Pelajaran dari eksplorasi

Motion menjadi lebih bermakna ketika perubahan bentuk mengikuti cerita. Pemisahan antara pose scroll dan pilihan pengunjung menjaga interaksi tetap terasa konsisten saat halaman digulir maju maupun kembali.

KEEP EXPLORING

Meenutes

A QUESTION. AN OPPORTUNITY. A SHARED IDEA.

Let’s make something
meaningful.

Untuk kesempatan kerja, kolaborasi, atau sekadar bertukar ide.
Saya senang mendengar apa yang sedang Anda pikirkan.

INSTAGRAM @bramastya.fr

Sudah punya gambaran proyek? Siapkan brief singkat ↗