Role
UI/UX Design & Framer Developer
Credit
Developer: Hendrik
Company
MJ Solution Indonesia
Prototype Produk KMI 7000 Series
Prototype Produk KMI 2000 Series
Dalam sebuah sesi meeting bersama stakeholder, saya diminta untuk merancang sebuah product showcase interaktif untuk menjelaskan berbagai produk yang dimiliki perusahaan. Showcase ini dirancang dalam bentuk interactive prototype menggunakan Figma, sehingga tim marketing dan sales dapat menggunakannya untuk presentasi
Memperkenalkan produk-produk perusahaan secara menarik dan mudah dipahami oleh calon klien atau pengunjung event.
Menjadi alat bantu presentasi yang bisa digunakan tim sales atau marketing saat event maupun client meeting.
Memberikan pengalaman eksplorasi produk yang lebih dinamis dibanding presentasi statis seperti PowerPoint.
Saya sengaja membuat desain yang sederhana, fokus, dan mudah dinavigasi agar siapapun dapat mengakses dan memahami informasi dengan cepat. Beberapa pendekatan desain yang saya gunakan:
Layout bersih dan fokus pada visual produk serta fitur utamanya.
Penempatan Button dan interaksi yang intuitif.
User Flow yang jelas, sehingga audiens bisa berpindah antar kategori produk dengan mudah.
Interaksi produk
Saya menambahkan animasi mikro (micro-interactions) pada setiap aksi pengguna di prototype, seperti:
Transisi antar halaman produk.
Slide-in product details dan expandable sections.
Tujuannya agar:
Memberikan pengalaman yang interaktif dan menarik bagi pengguna.
Meningkatkan kesan profesional dan polished terhadap brand.
Membuat interaksi terasa lebih hidup dan engaging.
Untuk mendukung tampilan prototype yang menarik dan berbeda dari presentasi produk pada umumnya, saya memilih pendekatan visual dengan gaya isometric dengan Adobe Illustrator. Gaya ini dipilih untuk memberikan kesan ruang tiga dimensi yang modern, ringan, dan mudah dipahami.
Tujuannya:
Ilustrasi ini digunakan untuk menjelaskan use-case produk digital.
Menampilkan konteks produk dalam bentuk ruangan nyata membuat audience lebih cepat memahami kegunaan dan nilai jualnya.
Menambahkan visual storytelling tanpa teks berlebihan pengunjung event bisa langsung “mengerti” hanya dari tampilan visual.
Pembuatan Isometric
Prototype ini telah diterapkan dalam berbagai event, pameran, dan presentasi klien, dan mendapatkan banyak feedback positif dari stakeholder maupun pengunjung. Tim sales merasa lebih terbantu karena:.
Penjelasan produk menjadi lebih visual dan interaktif.
Waktu presentasi menjadi lebih efisien.
Memberikan kesan modern dan profesional terhadap brand.
Event ArchID BSD Tangerang
Brainstorming
Saat ini, baru sekitar setengah dari total produk yang
telah selesai dikerjakan dalam prototype ini, dan masih terdapat banyak produk lain yang akan
dikembangkan ke depannya.
Proyek
ini bersifat
berkelanjutan, dan saya
terus menambahkan produk serta menyempurnakan interaksi
berdasarkan masukan dari tim internal dan pengguna akhir,
dan saya terus menambahkan aset baru sesuai arahan
stakeholder dan update fitur produk.