Independent designer · Kuala Lumpur

I make complex things feel clear.

Saya Nabila, seorang product designer yang membantu pasukan membina produk digital yang berguna, yakin dan mudah difahami.

Lihat kerja terpilih

Available for select projectsProduct · Brand · ExperienceBased in Malaysia, working globally

Selected work

Kerja yang
bermakna.

2023 — 2024

{projects.map((p, i) => )}

A little about me

Curious by nature.
Precise by craft.

Selama 8 tahun, saya bekerja di persimpangan strategi, reka bentuk dan teknologi — daripada produk kewangan hingga platform editorial.

Saya suka masuk awal dalam masalah yang kabur, bertanya soalan yang tepat, dan keluar dengan sesuatu yang terasa mudah.

8 tahunpengalaman

18 projekdilancarkan

Start a conversation

Ada idea?
Mari bincang.

Ceritakan sedikit tentang apa yang anda sedang bina. Saya biasanya membalas dalam 2–3 hari bekerja.

hello@nabilastudio.co
Instagram @nabilastudio

{e.preventDefault(); setSent(true)}} className="space-y-5">{sent ?

Message received

Terima kasih — saya akan hubungi anda.

: <>

<button className="inline-flex items-center gap-3 rounded-full bg-[#151515] px-7 py-3.5 text-sm font-medium text-white transition hover:-translate-y-0.5">Hantar pertanyaan <Arrow /></button></>}</form></div></section>
      </main>
      <footer className="border-t border-black/10 px-6 py-7 text-xs text-neutral-500"><div className="mx-auto flex max-w-6xl justify-between"><span>© 2024 Nabila Rahman</span><span>Built with intention.</span></div></footer>
      {selected && <div className="fixed inset-0 z-20 overflow-y-auto bg-[#FAF9F5]/95 p-6 backdrop-blur-sm" onClick={() => setSelected(null)}><div onClick={e => e.stopPropagation()} className="mx-auto max-w-3xl py-10 md:py-20"><button onClick={() => setSelected(null)} className="mb-8 text-sm text-neutral-500">← Close case study</button><ProjectVisual project={selected}/><p className="mt-10 text-xs uppercase tracking-widest text-neutral-400">{selected.type}</p><h2 className="mt-3 text-5xl font-bold tracking-tight">{selected.title}</h2><p className="mt-5 max-w-xl text-xl leading-relaxed text-neutral-600">{selected.intro}</p><div className="mt-14 grid gap-9 border-t border-black/10 pt-8 md:grid-cols-3"><div><b className="text-xs uppercase tracking-widest">Problem</b><p className="mt-3 leading-relaxed text-neutral-600">{selected.problem}</p></div><div><b className="text-xs uppercase tracking-widest">Approach</b><p className="mt-3 leading-relaxed text-neutral-600">{selected.approach}</p></div><div><b className="text-xs uppercase tracking-widest">Outcome</b><p className="mt-3 leading-relaxed text-neutral-600">{selected.outcome}</p></div></div></div></div>}
    </div>
  );
}

export default function App() {
  const [workspace, setWorkspace] = useState(false);
  return workspace ? <Workspace onExit={() => setWorkspace(false)} /> : <PublicSite onWorkspace={() => setWorkspace(true)} />;
}</article></body></html>

I make complex things feel clear.

Kerja yangbermakna.

{p.title}

Curious by nature.Precise by craft.

Ada idea?Mari bincang.

Terima kasih — saya akan hubungi anda.

Kerja yang
bermakna.

Curious by nature.
Precise by craft.

Ada idea?
Mari bincang.