Back to Projects

Sayur & Buah Segar Online

Eksplorasi UI untuk platform belanja sayur dan buah segar secara online. Fokus utamanya ada pada slicing antarmuka e-commerce yang rapi, mudah dipahami, dan relevan untuk skenario digitalisasi toko sayur modern. Project ini ditujukan sebagai studi desain dan implementasi frontend, bukan build production untuk client tertentu.

UI Slicing Study

Eksplorasi UI untuk konsep produk digital, bukan project client atau produk production.

Pending
2025
UI exploration
Concept Showcase
Sayur & Buah Segar Online - Image 1

Overview

Eksplorasi UI untuk platform belanja sayur dan buah segar secara online. Fokus utamanya ada pada slicing antarmuka e-commerce yang rapi, mudah dipahami, dan relevan untuk skenario digitalisasi toko sayur modern. Project ini ditujukan sebagai studi desain dan implementasi frontend, bukan build production untuk client tertentu.

Challenges

  • Menyusun alur belanja online yang terasa familiar untuk produk segar dengan banyak variasi kategori
  • Menjaga tampilan tetap bersih sambil menampilkan informasi produk, harga, dan promosi secara jelas
  • Membuat komposisi visual yang terasa ringan dan mudah di-scan pada desktop maupun mobile
  • Menerjemahkan kebutuhan marketplace bahan pangan menjadi komponen UI yang reusable

Solutions

  • Mendesain halaman dengan hirarki visual yang kuat untuk membantu pengguna menemukan produk lebih cepat
  • Membangun slicing antarmuka menggunakan Nuxt.js dan TailwindCSS agar implementasi tetap modular
  • Mengatur komponen kartu produk, banner, dan section promosi supaya konsisten dan mudah dikembangkan
  • Menyiapkan fondasi UI yang bisa dilanjutkan ke tahap integrasi data dinamis di iterasi berikutnya
Visit Live Project

© 2025 Muhammad Lutfi. All rights reserved.