NOMAD

Cerita di balik karya

## Cerita di Balik NOMAD — Carry Less. Go Further. NOMAD lahir dari ide untuk menciptakan pengalaman belanja perlengkapan traveling yang tidak hanya praktis, tetapi juga memiliki identitas brand yang kuat dan terasa premium. Saya ingin membangun sebuah toko online yang membantu pengguna mempersiapkan perjalanan dengan lebih mudah, mulai dari menemukan produk yang tepat hingga menyelesaikan proses pemesanan dalam satu platform. Konsep NOMAD mengusung tagline “Carry Less. Go Further.” yang merepresentasikan semangat perjalanan, efisiensi, dan kebebasan untuk menjelajah. Dari konsep tersebut, saya mengembangkan identitas visual yang minimalis, modern, dan elegan. Palet warna Forest, Stone, Warm White, Charcoal, dan Terracotta dipilih untuk menghadirkan nuansa alam serta petualangan, sekaligus menjaga tampilan website tetap profesional. Tipografi, komposisi layout, ruang kosong, dan fotografi produk dirancang agar informasi mudah dipahami tanpa menghilangkan karakter brand. Dalam proses pengembangannya, saya tidak ingin NOMAD hanya menjadi katalog produk biasa. Karena itu, website dirancang mengikuti alur belanja yang jelas: menemukan produk, mempelajari detailnya, memasukkannya ke keranjang, melakukan checkout, hingga melihat konfirmasi dan pelacakan pesanan. Fitur pencarian, filter produk, wishlist, pilihan pengiriman, kupon diskon, dan ringkasan pesanan dikembangkan untuk mendukung pengalaman belanja yang lebih praktis. Salah satu fitur yang menjadi perhatian utama adalah **Build Your Kit**, yaitu pengalaman menyusun paket perlengkapan perjalanan berdasarkan kebutuhan pengguna. Fitur ini memberikan nilai tambah karena pengguna dapat menggabungkan beberapa produk yang saling melengkapi, melihat total harga, dan mengetahui penghematan paket secara transparan. Saya juga mempertimbangkan rekomendasi produk pelengkap agar pengguna lebih mudah menemukan perlengkapan yang relevan. Dari sisi teknologi, NOMAD dibangun menggunakan HTML, CSS, dan JavaScript tanpa framework besar. Pilihan ini membantu menjaga struktur proyek tetap ringan, sederhana, dan mudah dipelihara. JavaScript digunakan untuk menangani interaksi antarmuka, pengelolaan keranjang, perhitungan harga, kupon, serta simulasi checkout dan pelacakan pesanan. LocalStorage digunakan untuk mempertahankan data tertentu di browser agar pengalaman pengguna tetap berlanjut setelah halaman dimuat ulang. Responsivitas juga menjadi bagian penting dalam pengembangan. Layout, navigasi, kartu produk, keranjang, dan formulir checkout dirancang agar dapat digunakan pada perangkat desktop maupun mobile. Saya melakukan penyempurnaan pada spacing, hierarki informasi, interaksi tombol, dan tata letak untuk menciptakan pengalaman yang konsisten di berbagai ukuran layar. Proses pengembangan NOMAD tidak berhenti pada tampilan awal. Saya melakukan evaluasi dan perbaikan terhadap berbagai aspek, termasuk konsistensi gambar produk, perilaku komponen, perhitungan harga, kenyamanan keranjang, serta potensi masalah layout pada layar kecil. Pendekatan ini membantu saya memahami bahwa kualitas sebuah website tidak hanya ditentukan

Karya peserta 🏆 HAMMAD STUDIO BUILD CHALLENGE #02 — E-Commerce Website. Deskripsi dan cerita disampaikan oleh peserta.