Perusahaan
Personal Project
Tahun
Mei 2025
Kategori
Augmented Reality & Mobile Audio Streaming UI/UX Design
Peran
UI/UX Designer
Tinjauan Proyek
AR Radio APP adalah proyek eksplorasi desain antarmuka dan pengalaman pengguna (UI/UX Design) untuk aplikasi streaming radio generasi masa depan. Proyek ini menggabungkan nostalgia interaksi radio fisik (vintage tactile tuning) dengan kecanggihan teknologi Augmented Reality (AR) dan Spatial Audio, menciptakan pengalaman mendengarkan siaran radio yang interaktif, visual, dan imersif.
Sebagai Lead UI/UX Designer, saya merancang seluruh alur pengalaman pengguna dari tahap riset konseptual, pembuatan information architecture, penyusunan design system modular, hingga high-fidelity interactive prototype di Figma.
Fitur & Inovasi Desain Utama
- Visualisasi 3D Vintage Radio via AR: Menghadirkan model radio klasik 3D yang dapat ditempatkan di ruang fisik pengguna melalui kamera augmented reality, lengkap dengan tabung vakum (vacuum tubes) bercahaya hangat dan knop frekuensi yang berputar interaktif.
- Dynamic Neon Soundwave & Audio Spectrum: Visualizer spektrum audio real-time berbentuk gelombang frekuensi neon yang berdenyut selaras dengan irama musik, memberikan feedback visual dinamis saat stasiun radio diputar.
- Spatial Audio & 360° Equalizer: Antarmuka pengatur arah suara spasial dan equalizer grafis multi-band yang intuitif untuk kustomisasi akustik ruangan secara personal.
- Gesture Control & Ergonomic Navigation: Alur interaksi berbasis gestur alami—sapuan horizontal untuk mencari frekuensi (swipe-to-tune), cubitan untuk mengatur skala model 3D (pinch-to-scale), dan thumb-zone navigation yang ramah penggunaan satu tangan.
- Dark-Mode Glassmorphism Design System: Tema gelap futuristik dengan efek kaca semi-transparan (glassmorphism), kontras tinggi berstandar aksesibilitas WCAG, serta aksen warna Cyan, Emerald, dan Amber Gold yang memikat.
Design & Prototyping Stack
- Design & Prototyping: Figma (Auto Layout, Component Variants, Smart Animate, Variables & Tokens)
- Research & Flow Mapping: FigJam, Information Architecture & User Journey Mapping
- Spatial UI Guidelines: ARKit & Human Interface Guidelines (Spatial UX & Ergonomics)
- Aset & Visual: 3D Holographic Modeling Concepts, Vector Design, Typography Pairing (Inter & Space Grotesk)
Sasaran Desain
- Menghubungkan Sentuhan Klasik & Digital: Menghadirkan kembali sensasi taktil tuning radio analog ke dalam era digital melalui antarmuka AR interaktif.
- Pengalaman Imersif Tanpa Hambatan: Memastikan transisi yang mulus antara mode pemutar 2D konvensional dan mode proyeksi Augmented Reality 3D.
- Ergonomi Navigasi Mobile: Memprioritaskan zona jangkauan jempol (thumb-zone) agar kontrol stasiun, equalizer, dan gestur dapat dioperasikan dengan mudah menggunakan satu tangan.
- Design System Skalabel: Menyusun komponen UI atomik yang konsisten dan siap diimplementasikan oleh tim pengembang (developer-ready).
- Kenyamanan Visual Maksimal: Menggunakan palet warna gelap dengan rasio kontras optimal untuk sesi mendengarkan yang panjang tanpa membuat mata lelah.
Galeri Proyek
Sekilas tampak tentang proyek ini
Eksplorasi Lengkap di Figma
Lihat seluruh canvas rancangan UI/UX, grid system, varian komponen, dan prototipe interaktif secara langsung di Figma.
Buka File Desain di Figma