Two complementary digital products for Luvea: a public landing page for brand discovery and an operational system for inventory, sales, margins, and reporting.Dua produk digital yang saling melengkapi untuk Luvea: landing page publik untuk memperkenalkan brand dan sistem operasional untuk inventaris, penjualan, margin, serta laporan.
Luvea combines a customer-facing landing page with a separate system for inventory, orders, sales, margin analysis, reporting, and invoices.Luvea menggabungkan landing page untuk pelanggan dengan sistem terpisah untuk inventaris, pesanan, penjualan, analisis margin, laporan, dan invoice.
Jump to screenshotsLangsung ke screenshot buktiLuvea needed a clearer public presence for product discovery and a more dependable operational system for products, sales, inventory, margins, and reporting. These were related business needs, but they served different users and required separate product experiences.Luvea membutuhkan kehadiran publik yang lebih jelas untuk penemuan produk serta sistem operasional yang lebih andal untuk produk, penjualan, inventaris, margin, dan laporan. Keduanya merupakan kebutuhan bisnis yang berkaitan, tetapi melayani pengguna dan pengalaman produk yang berbeda.
I designed and developed the responsive landing page, added purposeful motion, translated the inventory workflow into system rules, built the Laravel and MySQL application, and prepared both modules for production.Saya merancang dan mengembangkan landing page responsif, menambahkan motion yang terarah, menerjemahkan workflow inventaris menjadi aturan sistem, membangun aplikasi Laravel dan MySQL, serta menyiapkan kedua modul untuk production.
A direct path from the first input to the operational result.Alur langsung dari input pertama hingga hasil operasional.
Visitors use the responsive landing page to understand Luvea's identity and product offering.Pengunjung memakai landing page responsif untuk memahami identitas dan penawaran produk Luvea.
Clear product hierarchy and contact paths help visitors take the next step.Hierarki produk dan jalur kontak yang jelas membantu pengunjung mengambil langkah berikutnya.
The operational team records products, sales, incoming stock, stock opname, and traceable stock movement through the administration system.Tim operasional mencatat produk, penjualan, stok masuk, stock opname, dan pergerakan stok yang dapat ditelusuri melalui sistem administrasi.
Restock recommendations, targets, period comparisons, margin calculations, reports, and printable invoices turn operational records into actionable outputs.Rekomendasi restock, target, perbandingan periode, kalkulasi margin, laporan, dan invoice siap cetak mengubah catatan operasional menjadi output yang dapat ditindaklanjuti.
The stack was selected around the workflow, deployment environment, and maintenance needs.Tech stack dipilih berdasarkan workflow, lingkungan deployment, dan kebutuhan pemeliharaan.
The landing page and inventory system remain independent products within one Luvea ecosystem, avoiding a misleading technical integration.Landing page dan sistem inventaris tetap menjadi produk independen dalam satu ekosistem Luvea sehingga tidak menimbulkan kesan integrasi teknis yang sebenarnya tidak ada.
Next.js, Tailwind CSS, Framer Motion, and Lenis support a responsive brand experience with controlled motion.Next.js, Tailwind CSS, Framer Motion, dan Lenis mendukung pengalaman brand responsif dengan motion yang terkontrol.
Laravel structures sales, inventory, margin, and reporting rules, while MySQL keeps products, transactions, and stock movements traceable.Laravel menyusun aturan penjualan, inventaris, margin, dan laporan, sedangkan MySQL menjaga produk, transaksi, serta pergerakan stok tetap dapat ditelusuri.
Provide the public website structure and front-end behavior.Menyediakan struktur website publik dan perilaku front-end.
Builds the responsive visual system.Membangun sistem visual yang responsif.
Add purposeful motion and controlled smooth scrolling.Menambahkan motion yang terarah dan smooth scrolling yang terkontrol.
Hosts the public website.Meng-host website publik.
Run the inventory application and its business rules.Menjalankan aplikasi inventaris dan business rule-nya.
Stores items and stock movement records.Menyimpan item dan catatan pergerakan stok.
Support the operational interface.Mendukung antarmuka operasional.
Provide the production runtime for the inventory module.Menyediakan runtime production untuk modul inventaris.
Tracks changes across both modules.Melacak perubahan pada kedua modul.
Secures production access.Mengamankan akses production.
Each image documents a real part of the interface or delivery.Setiap gambar mendokumentasikan bagian nyata dari antarmuka atau proses delivery.
Open any image to inspect the full-size screen.Buka gambar untuk melihat tampilan dalam ukuran penuh.
The customer-facing module introduces Luvea's brand, products, and inquiry path across screen sizes.Modul untuk pelanggan yang memperkenalkan brand, produk, dan jalur inquiry Luvea di berbagai ukuran layar.
The public website presents the brand and gives visitors a direct path from product discovery to inquiry.Website publik memperkenalkan brand dan memberi pengunjung jalur langsung dari penemuan produk menuju inquiry.
The administration module connects product, sales, inventory, margin, and reporting workflows in one operational interface.Modul administrasi menghubungkan workflow produk, penjualan, inventaris, margin, dan laporan dalam satu antarmuka operasional.
A dedicated login protects access to Luvea's inventory and sales operations.Login khusus melindungi akses menuju operasional inventaris dan penjualan Luvea.
The product catalogue brings PLU, barcode, purchase price, selling price, stock, and maintenance actions into one view.Katalog produk menyatukan PLU, barcode, harga beli, harga jual, stok, dan tindakan pengelolaan dalam satu tampilan.
Sales entries capture the channel, product, quantity, received value, and subtotal while referencing current stock.Input penjualan mencatat channel, produk, jumlah, nilai diterima, dan subtotal dengan mengacu pada stok terkini.
Stock receipts record the supplier, receipt date, product quantities, and purchase prices.Penerimaan stok mencatat pemasok, tanggal penerimaan, jumlah produk, dan harga beli.
Restock recommendations use recent sales, stock thresholds, and a target coverage period to flag products that need attention.Rekomendasi restock menggunakan penjualan terbaru, ambang stok, dan target periode persediaan untuk menandai produk yang perlu diperhatikan.
Stock opname compares physical and system quantities and retains a history of adjustments.Stock opname membandingkan jumlah fisik dengan sistem serta menyimpan riwayat penyesuaian.
A chronological log traces stock-in, stock-out, previous quantities, updated quantities, and their source transactions.Log kronologis menelusuri stok masuk, stok keluar, jumlah sebelumnya, jumlah terbaru, dan transaksi sumbernya.
Monthly targets and period comparisons connect sales performance with product-level changes.Target bulanan dan perbandingan periode menghubungkan performa penjualan dengan perubahan pada tingkat produk.
Reports can be prepared by type and date range before previewing the output.Laporan dapat disiapkan berdasarkan jenis dan rentang tanggal sebelum hasilnya ditinjau.
The margin calculator models marketplace fees, optional programs, net receipts, and estimated profit.Kalkulator margin memodelkan biaya marketplace, program opsional, penerimaan bersih, dan estimasi laba.
Sales data is converted into a customer-ready invoice with item details, totals, and a print action.Data penjualan diubah menjadi invoice untuk pelanggan yang berisi detail barang, total, dan aksi cetak.
Luvea gained a clearer public touchpoint and a separate operational system that connects product records, sales, stock control, restock planning, margin analysis, reporting, and invoice output.Luvea memperoleh touchpoint publik yang lebih jelas serta sistem operasional terpisah yang menghubungkan data produk, penjualan, kontrol stok, perencanaan restock, analisis margin, laporan, dan invoice.
Public website launchedWebsite publik diluncurkan
10+ inventory items managed10+ item inventaris dikelola
Manual stock tracking replacedPencatatan stok manual digantikan
Two business needs coveredDua kebutuhan bisnis tercakup
Related business products do not need forced technical integration when their users and goals are different.Produk bisnis yang berkaitan tidak perlu dipaksakan terintegrasi secara teknis ketika pengguna dan tujuannya berbeda.
Public interfaces should prioritize product understanding and inquiry, while operational interfaces should prioritize clarity and exceptions.Antarmuka publik perlu memprioritaskan pemahaman produk dan inquiry, sedangkan antarmuka operasional perlu memprioritaskan kejelasan serta pengecualian.
Choosing technology per module produces a better result than applying one stack to every business need.Memilih teknologi berdasarkan kebutuhan setiap modul menghasilkan solusi yang lebih baik daripada menerapkan satu stack untuk semua kebutuhan bisnis.
Tell me about the workflow, inventory process, reporting task, web application, or customer-facing website you need to improve.Ceritakan workflow, proses inventaris, pekerjaan laporan, aplikasi web, atau website untuk pelanggan yang ingin Anda perbaiki.
Discuss your software projectDiskusikan project software Anda