← All Work
05

LP Pixel

Bento Dashboard & UI Design
UI DesignDashboardDesign SystemPrototyping

LP Pixel adalah proyek eksplorasi desain interaktif yang menggabungkan dua deliverable utama: studio management dashboard bergaya bento-grid, dan sistem kampanye marketing dengan dua identitas visual yang kontras.

Bento Dashboard dirancang untuk kreator dan studio kecil — bukan spreadsheet membosankan, tapi workspace yang terasa premium. Bento grid layout memungkinkan informasi padat tersaji tanpa noise: revenue sparkline, project tracker, deadline alert, dan client roster dalam satu pandang.

Campaign Detail hadir dalam dua bahasa visual: Kadobajo yang warm-editorial dengan typografi Fraunces dan palette terracotta, serta Zodiac Bajo yang mystical-dark dengan estetika premium. Keduanya hidup dalam satu design canvas yang bisa di-zoom dan di-navigate seperti Figma.

Seluruh UI dibangun dengan vanilla React + custom component library — tidak ada framework berat, tidak ada template. Pure design engineering.

Visit Live Site ↗
Year
2025
Role
UI Designer & Frontend Engineer
Duration
5 weeks
Deliverables
Bento Dashboard UI
Campaign Design System
Multi-palette Theming
Interactive Prototype
LIVE PREVIEW
LP Pixel
Challenge

Klien membutuhkan dua hal yang sering bertentangan: dashboard yang information-dense namun tidak overwhelming, dan design system yang cukup fleksibel untuk dua brand dengan kepribadian visual yang berlawanan — satu warm/editorial, satu lagi dark/mystical.

Solution

Bento grid memecah informasi menjadi tile-tile mandiri yang bisa dikonsumsi secara non-linear. Untuk design system ganda, kami membuat token layer yang abstrak — warna, typografi, dan spacing bisa di-swap per brand tanpa menyentuh komponen. Prototype dibangun langsung di browser untuk validasi real-time.

Results

Dashboard prototype approved in first review

2 distinct brand systems from one component library

4 color palettes switchable without code changes

Interactive canvas shipped as live demo

Next Project

Run AI

AI Writing Tool