Kembali
Brand & IdentityWeb EngineeringDesign SystemsPlot · 2024

Plot — Marketing Site & Design System

Gimana setren membangun brand identity, design system, dan marketing site berperforma tinggi untuk Plot yang meningkatkan organic traffic 3x dalam empat bulan.

Plot — Plot — Marketing Site & Design System

Tantangannya

Plot adalah platform content strategy untuk tim marketing. Mereka punya produk yang jalan tapi belum punya wajah publik — brand-nya cuma logo placeholder dan landing page yang konversinya di bawah 1%. Series A mereka mau closing dan mereka butuh kehadiran marketing yang setara kualitasnya sama produk mereka. Brief-nya: identitas visual lengkap, design system yang bisa diadopsi tim produk, dan marketing site yang ranking untuk keyword content marketing yang kompetitif. Timeline: delapan minggu, dari eksplorasi brand sampai site live.

Pendekatan setren

Kami bagi proyek jadi dua track paralel. Track brand dimulai dengan workshop positioning — kami bantu Plot mengartikulasikan apa yang bikin mereka beda dari 40+ tools content marketing di market. Insight yang unlock brand-nya: Plot nggak bantu kamu bikin lebih banyak konten, tapi bantu bikin konten yang tepat. Perbedaan itu mendorong setiap keputusan desain. Kami kembangkan sistem identitas berbasis tipografi dengan display face custom dan palet warna yang muted dan percaya diri. Tanpa gradien, tanpa ilustrasi — cuma tipografi tajam dan whitespace lega yang bikin produknya bicara sendiri. Track engineering jalan bersamaan. Kami bangun marketing site di Next.js dengan component library yang mirror token design system 1:1. Setiap komponen — dari hero sampai tabel pricing sampai layout blog — adalah building block reusable yang bisa ditarik tim produk ke app. Page speed nggak bisa ditawar: site dapat skor 98+ di Lighthouse di semua metrik.

Hasilnya

Site baru launch di November 2024, dua hari lebih awal dari jadwal. Conversion rate landing page naik dari 0.8% ke 3.4% — peningkatan 4x. Organic traffic tumbuh 3x selama empat bulan berikutnya saat blog dan halaman layanan yang SEO-optimized mulai ranking. Design system sejak itu diadopsi oleh tim product engineering Plot, menyatukan marketing site dan product UI di bawah satu bahasa visual. CEO Plot menyebutnya investasi terbaik yang mereka buat sebelum Series A.

setren kasih kami lebih dari website — mereka kasih bahasa brand yang sekarang dipakai seluruh tim. Design system-nya menghemat berbulan-bulan kerja desain produk.

Maya Chen, CEO, Plot

Tech Stack

Next.js 14 + TypeScriptMDX (konten blog)Figma (design system)VercelTailwind CSSFramer Motion

Butuh brand yang bisa diluncurkan?

Kami bangun identitas brand dan design system yang kerja di Figma dan di kode. Dari logo sampai site yang live dalam hitungan minggu, bukan bulan.

[email protected]