Scrollable content goes here

Configuration LED

Configuration LED

Role

UI/UX Design

Credit

Graphic Designer: Dina, Josua

Sales: Ren

Developer: Fahmi, Yogi, Tomi, Hendrik

Stackholder: Ichsan

Company

MJ Solution Indonesia

Tampilan Design Calculator LED

Problem

Saat proses pembuatan penawaran LED & LCD di MJ Solution, ada beberapa hal yang terasa kurang praktis dan bikin proses jadi lambat, baik untuk tim internal maupun klien:

Saat proses pembuatan penawaran LED & LCD di MJ Solution, ada beberapa hal yang terasa kurang praktis dan bikin proses jadi lambat, baik untuk tim internal maupun klien:

Proses penawaran terlalu lama

Sales harus mengumpulkan banyak data teknis sebelum bisa kasih harga. Mulai dari ukuran layar, pixel pitch, sampai kebutuhan prosesor.

Proses penawaran terlalu lama

Sales harus mengumpulkan banyak data teknis sebelum bisa kasih harga. Mulai dari ukuran layar, pixel pitch, sampai kebutuhan prosesor.

Klien sulit membayangkan hasil akhir

Klien belum punya gambaran jelas soal ukuran layar dan tampilannya di lokasi mereka.

Klien sulit membayangkan hasil akhir

Klien belum punya gambaran jelas soal ukuran layar dan tampilannya di lokasi mereka.

Harus survey ke lokasi untuk ukur ruangan

jika sales ingin tahu lebar tinggi dan posisi ruangan yang akan di pasang, sales di haruskan survey kelokasi untuk mengukur, lalu kembali ke kantor untuk menghitung dengan excelnya

Harus survey ke lokasi untuk ukur ruangan

jika sales ingin tahu lebar tinggi dan posisi ruangan yang akan di pasang, sales di haruskan survey kelokasi untuk mengukur, lalu kembali ke kantor untuk menghitung dengan excelnya

Tujuan Projek

Melihat permasalahan tersebut, saya sebagai UI/UX Designer menginisiasi pengembangan LED Display Calculator berbasis web yang dapat digunakan oleh tim sales, engineer, bahkan klien secara langsung.

Melihat permasalahan tersebut, saya sebagai UI/UX Designer menginisiasi pengembangan LED Display Calculator berbasis web yang dapat digunakan oleh tim sales, engineer, bahkan klien secara langsung.

mempercepat proses penawaran

mempercepat proses penawaran

Mengurangi ketergantungan pada perhitungan manual dan Excel

Mengurangi ketergantungan pada perhitungan manual dan Excel

Klien bisa mencoba konfigurasi LED sendiri

Klien bisa mencoba konfigurasi LED sendiri

Klien bisa menyesuaikan ukuran LED dengan kondisi ruang mereka

Klien bisa menyesuaikan ukuran LED dengan kondisi ruang mereka

Proses diskusi dengan sales jadi lebih cepat

Proses diskusi dengan sales jadi lebih cepat

Klien bisa mencoba konfigurasi LED sendiri

Klien bisa mencoba konfigurasi LED sendiri

Perancangan

Pada tahap desain, saya merancang alur penggunaan yang sesederhana mungkin agar pengguna tidak perlu memiliki latar belakang teknis untuk menggunakannya. Cukup dengan memasukkan ukuran layar (pixel pitch) yang diinginkan, dimensi ruangan atau bidang pemasangan, dan lokasi pemasangan, sistem akan secara otomatis melakukan serangkaian perhitungan teknis. Misalnya, jika ruangan memiliki lebar 6 meter dan tinggi 3,5 meter, kalkulator akan mengkalkulasi berapa ukuran layar LED yang optimal untuk dipasang di area tersebut. Sistem akan menghitung apakah layar dapat dipasang secara proporsional tanpa melebihi batas ruangan, sekaligus menunjukkan sisa ruang di kiri-kanan maupun atas-bawah setelah layar terpasang. Selain itu, parameter teknis seperti dimensi fisik, resolusi layar, jarak pandang ideal, dan estimasi konsumsi daya juga dihitung secara otomatis. Formula yang digunakan mengikuti standar industri, contohnya resolusi horizontal diperoleh dari pembagian lebar layar (dalam milimeter) dengan pixel pitch, sedangkan resolusi vertikal dihitung dari tinggi layar (dalam milimeter) dibagi pixel pitch. Pendekatan ini memudahkan pengguna untuk langsung memahami hasil perhitungan dalam konteks nyata ruangan mereka, bukan sekadar angka teknis yang sulit dipahami.

Selain menampilkan hasil perhitungan, kalkulator ini juga dilengkapi dengan fitur visualisasi layar yang dapat ditempatkan pada foto lokasi milik klien, sehingga mereka langsung mendapatkan gambaran realistis ukuran layar di tempat yang sesungguhnya. Semua data ini dapat diekspor dalam format PDF sehingga tim sales dapat langsung menggunakannya untuk proposal resmi tanpa perlu mengedit ulang. Desain antarmuka dibuat bersih, fokus pada hasil kalkulasi, dan responsif agar dapat digunakan baik di laptop, tablet, maupun smartphone.

Pada tahap desain, saya merancang alur penggunaan yang sesederhana mungkin agar pengguna tidak perlu memiliki latar belakang teknis untuk menggunakannya. Cukup dengan memasukkan ukuran layar (pixel pitch) yang diinginkan, dimensi ruangan atau bidang pemasangan, dan lokasi pemasangan, sistem akan secara otomatis melakukan serangkaian perhitungan teknis. Misalnya, jika ruangan memiliki lebar 6 meter dan tinggi 3,5 meter, kalkulator akan mengkalkulasi berapa ukuran layar LED yang optimal untuk dipasang di area tersebut. Sistem akan menghitung apakah layar dapat dipasang secara proporsional tanpa melebihi batas ruangan, sekaligus menunjukkan sisa ruang di kiri-kanan maupun atas-bawah setelah layar terpasang. Selain itu, parameter teknis seperti dimensi fisik, resolusi layar, jarak pandang ideal, dan estimasi konsumsi daya juga dihitung secara otomatis. Formula yang digunakan mengikuti standar industri, contohnya resolusi horizontal diperoleh dari pembagian lebar layar (dalam milimeter) dengan pixel pitch, sedangkan resolusi vertikal dihitung dari tinggi layar (dalam milimeter) dibagi pixel pitch. Pendekatan ini memudahkan pengguna untuk langsung memahami hasil perhitungan dalam konteks nyata ruangan mereka, bukan sekadar angka teknis yang sulit dipahami.

Selain menampilkan hasil perhitungan, kalkulator ini juga dilengkapi dengan fitur visualisasi layar yang dapat ditempatkan pada foto lokasi milik klien, sehingga mereka langsung mendapatkan gambaran realistis ukuran layar di tempat yang sesungguhnya. Semua data ini dapat diekspor dalam format PDF sehingga tim sales dapat langsung menggunakannya untuk proposal resmi tanpa perlu mengedit ulang. Desain antarmuka dibuat bersih, fokus pada hasil kalkulasi, dan responsif agar dapat digunakan baik di laptop, tablet, maupun smartphone.

Perhitungan (Formula)

1

1

Mencari Resolusi

2

2

Mencari Total Modul

3

3

Mencari Real Size berdasarkan Resolusi

4

4

Mencari Sisa Tembok w (Width)

5

5

Mencari Sisa Tembok h (Height)

Input data dasar yang fleksibel

Pengguna dapat memasukkan berbagai parameter awal seperti ukuran ruangan/bidang pemasangan, ukuran layar yang diinginkan, pixel pitch, hingga jenis pemasangan (indoor/outdoor).

Input data dasar yang fleksibel

Pengguna dapat memasukkan berbagai parameter awal seperti ukuran ruangan/bidang pemasangan, ukuran layar yang diinginkan, pixel pitch, hingga jenis pemasangan (indoor/outdoor).

Tampilan Konfigurasi

Perhitungan Presisi & Simulasi Penempatan Ruangan

Sistem secara otomatis menghitung ukuran fisik modul LED, dimensi akhir layar, serta resolusi horizontal dan vertikal berdasarkan pixel pitch dan luas kebutuhan dan pengguna dapat melihat simulasi visual bagaimana layar terpasang di ruangan. Sistem menampilkan sisa ruang kiri-kanan dan atas-bawah secara presisi.

Perhitungan Presisi & Simulasi Penempatan Ruangan

Sistem secara otomatis menghitung ukuran fisik modul LED, dimensi akhir layar, serta resolusi horizontal dan vertikal berdasarkan pixel pitch dan luas kebutuhan dan pengguna dapat melihat simulasi visual bagaimana layar terpasang di ruangan. Sistem menampilkan sisa ruang kiri-kanan dan atas-bawah secara presisi.

Halaman Pehitungan

Rekomendasi Prosesor LED

Berdasarkan resolusi akhir yang dihasilkan, sistem memberikan rekomendasi prosesor (sending box/controller) yang kompatibel.

Rekomendasi Prosesor LED

Berdasarkan resolusi akhir yang dihasilkan, sistem memberikan rekomendasi prosesor (sending box/controller) yang kompatibel.

Rekomendasi Prosesor

Upload Background dan Cocokkan dengan Ruangan

Pengguna dapat mengunggah foto ruangan asli. Sistem menampilkan preview layar LED di dalam foto tersebut sehingga hasilnya terlihat nyata.

Upload Background dan Cocokkan dengan Ruangan

Pengguna dapat mengunggah foto ruangan asli. Sistem menampilkan preview layar LED di dalam foto tersebut sehingga hasilnya terlihat nyata.

Memposisikan Ruangan

Gambar Ruangan telah ditambahkan

Output dengan Standar Industri

Semua perhitungan mengikuti formula teknis yang digunakan dalam industri LED & LCD display, termasuk modul size, pixel density, aspect ratio, resolusi, real size dan power consumption

Output dengan Standar Industri

Semua perhitungan mengikuti formula teknis yang digunakan dalam industri LED & LCD display, termasuk modul size, pixel density, aspect ratio, resolusi, real size dan power consumption

Hasil Perhitungan

Export to PDF untuk Proposal

Setiap hasil kalkulasi dapat diekspor menjadi file PDF yang rapi dan profesional lengkap dengan gambar hasil simulasi, data teknis, dan rekomendasi perangkat.

Export to PDF untuk Proposal

Setiap hasil kalkulasi dapat diekspor menjadi file PDF yang rapi dan profesional lengkap dengan gambar hasil simulasi, data teknis, dan rekomendasi perangkat.

Form Export PDF

Responsive Design

Didesain agar dapat digunakan dengan nyaman di laptop, tablet, hingga smartphone.

Responsive Design

Didesain agar dapat digunakan dengan nyaman di laptop, tablet, hingga smartphone.

Mobile Device

Hasil yang Dicapai

Dengan adanya kalkulator LED ini, proses perencanaan pemasangan layar menjadi jauh lebih efisien dan akurat. Pengguna tidak lagi perlu melakukan perhitungan manual yang rumit, karena semua parameter penting seperti dimensi, resolusi, jarak pandang, sisa ruang, hingga estimasi konsumsi daya dapat diperoleh secara instan dan sesuai standar industri. Hal ini tidak hanya menghemat waktu, tetapi juga meminimalkan potensi kesalahan, sekaligus membantu pengambilan keputusan yang tepat sebelum memulai instalasi.

Dengan adanya kalkulator LED ini, proses perencanaan pemasangan layar menjadi jauh lebih efisien dan akurat. Pengguna tidak lagi perlu melakukan perhitungan manual yang rumit, karena semua parameter penting seperti dimensi, resolusi, jarak pandang, sisa ruang, hingga estimasi konsumsi daya dapat diperoleh secara instan dan sesuai standar industri. Hal ini tidak hanya menghemat waktu, tetapi juga meminimalkan potensi kesalahan, sekaligus membantu pengambilan keputusan yang tepat sebelum memulai instalasi.

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Portfolio By Muhammad Faris 2025

Portfolio By Muhammad Faris 2025