Dari foto hero sampai isi toples yang bisa berubah. Panduan ini menjelaskan gambar yang perlu disiapkan, cara mengambilnya, dan bagaimana asetnya digunakan di website.
SEBELUM MEMOTRET
Kunci setup, baru ganti produk.
Kamera & konsistensi
Tripod + tanda posisi meja dan kaki tripod. Catat tinggi kamera, jarak, focal length, dan sudut untuk setiap setup.
Mode manual; mulai dari ISO 100–200 dan f/8–f/11 untuk produk, lalu sesuaikan dengan kamera/lensa. Atur shutter sesuai cahaya; cek ketajaman seluruh toples.
Kunci white balance dan fokus pada seri komposit. Ambil RAW bila tersedia; simpan master tanpa crop.
Jangan mengubah ukuran produk secara tidak proporsional agar pas di frame.
Cahaya & refleksi kaca
Softbox besar atau jendela dengan diffuser di samping 45°, reflector putih di sisi berlawanan.
Gunakan kartu hitam/putih untuk membentuk tepi kaca. Matikan lampu ruangan berbeda warna dan hindari flash langsung.
Bersihkan kaca, tutup, label, dan sidik jari setiap pergantian isi. Cek pantulan fotografer serta highlight yang menutup label.
Toples transparan jangan langsung diekspor dengan background remover otomatis tanpa retouch; kaca tetap perlu pantulan dan ketebalan yang masuk akal.
SHOT LIST / CONTOH DARI WEBSITE
Satu fungsi, satu komposisi.
CONTOH WEBSITE · BUKAN PRODUK ALMA
AREA HEADLINE Kebaikan kecil. Untuk dibagikan.Jelajahi koleksi ↗
cottonbro studio / Pexels · Desktop 16:9 / 21:9 · mobile 4:5 / 3:4
01 / Hero — cerita utama
Latar hero tiga slide: toples, detail kue, dan bingkisan. Headline berada di kiri; objek utama jangan tertutup teks.
Potret landscape khusus dengan objek dominan di kanan dan ruang tenang sekitar 40–45% di kiri. Jangan hanya memotong foto portrait untuk desktop.
Buat versi portrait terpisah: objek di tengah/atas, ruang untuk headline di bagian bawah. Sisakan ruang untuk navigasi atas dan kontrol bawah.
Gunakan latar charcoal atau meja netral, cahaya samping lembut, serta toples dan kue Alma yang sebenarnya. Overlay gelap dibuat di website, bukan dibakar ke file.
Ambil tiga cerita: toples berisi kue; close-up detail yang benar-benar mewakili produk; parcel terbuka dengan isinya. Jangan meniru tema dekorasi stok.
File yang diminta hero-jar-desktop.jpg, hero-detail-desktop.jpg, hero-parcel-desktop.jpg + versi -mobile untuk ketiganya.
CONTOH WEBSITE · BUKAN PRODUK ALMA
Anna Guerrero / Pexels · 4:5 · tambahan 1:1
02 / Katalog — bentuk dan label
Kartu koleksi, halaman produk, spotlight toples. Utamakan perbandingan antarproduk yang konsisten.
Gunakan tripod, lensa sekitar 50–85 mm ekuivalen full-frame, dan jarak yang sama untuk seluruh seri. Hindari kamera ultrawide karena bentuk toples bisa terdistorsi.
Latar ivory polos, kamera setinggi bagian tengah toples. Foto depan sebagai standar; sudut 3/4 sebagai foto tambahan, bukan dicampur sebagai sudut utama.
Pastikan tutup, dasar, dan label tidak terpotong; sisakan margin 10–15%. Label menghadap kamera dan terbaca, isi ditata sesuai jumlah/berat jual yang dikonfirmasi.
Foto toples kosong serta setiap kombinasi toples × kue yang dijual. Jangan menampilkan jumlah isi yang lebih banyak hanya agar terlihat penuh.
File yang diminta jar-{jarId}-empty-front.jpg, jar-{jarId}-{cookieId}-front.jpg, jar-{jarId}-{cookieId}-threequarter.jpg.
Pilihan jenis kue, detail produk, dan bahan visual isi toples.
Untuk tiap jenis, ambil satu kue utuh dari atas, sudut 45°, dan samping. Sertakan beberapa kue yang tersusun natural dengan skala konsisten.
Ambil close-up tekstur dengan cahaya menyamping. Foto patahan hanya jika sesuai karakter asli produk; jangan menyiratkan tekstur atau bahan yang tidak ada.
Bila membuat layer isi, foto di posisi kamera yang sama dengan toples. Piring dan tangan boleh untuk lifestyle, tetapi jangan disertakan pada aset transparan konfigurator.
Potret kartu abu-abu/color checker di awal setiap setup. Warna keemasan atau gelap harus mengikuti produk, bukan filter berlebihan.
File yang diminta cookie-{cookieId}-top.jpg, -angle.jpg, -texture.jpg; layer isi per jenis toples jika memilih jalur komposit.
CONTOH WEBSITE · BUKAN PRODUK ALMA
Cristina Tiris / Pexels · 4:5 untuk katalog · master landscape untuk komposit
04 / Parcel — kemasan dan slot
Katalog gifting dan konfigurator paket dengan jumlah/jenis toples tetap.
Untuk setiap paket yang disetujui, catat nama paket, tipe/jumlah toples, dan urutan slot. Contoh Trio A+A+B di mockup hanya ilustrasi, bukan aturan produk final.
Potret kemasan tertutup, terbuka dengan toples, dan kosong. Kamera, tripod, fokus, white balance, cahaya, dan posisi box tidak boleh bergeser di antara pengambilan layer.
Untuk komposit, beri tanda posisi slot di alas yang tidak tampak pada hasil akhir. Dokumentasikan titik tengah dan skala tiap toples, serta bagian kemasan yang menutupi toples.
Foto tambahan pita, bibir box, kartu ucapan kosong, dan tutup sebagai layer depan bila diperlukan. Gunakan kemasan Alma; dekorasi Easter pada contoh bukan arahan tema Alma.
File yang diminta parcel-{parcelId}-closed.jpg, -open.jpg, -base.png, -foreground.png + slot-map.json berisi posisi/skala slot yang disepakati developer.
Ritual, sharing moment, dan kartu journal. Bukan bukti proses produksi atau cerita tim bila memakai model.
Ambil rangkaian tangan mengambil kue dari toples, menata di piring, lalu berbagi. Pertahankan meja, cahaya, dan styling agar tampak satu rangkaian.
Untuk banner sharing, sisakan ruang tenang di kiri. Untuk journal, ambil portrait dengan objek tidak terlalu dekat tepi agar aman saat crop.
Gunakan foto pemilik/tim asli untuk cerita di balik Alma. Minta izin orang yang terlihat; jangan memakai model stok seolah-olah staf atau pelanggan Alma.
Periksa latar, benda bermerek lain, pantulan wajah, dan data pribadi. Hindari properti yang bisa menimbulkan klaim bahan atau paket yang tidak dijual.
File yang diminta ritual-take.jpg, -serve.jpg, -share.jpg; journal-serving.jpg, -gifting.jpg, -table.jpg; team/shop hanya bila disetujui.
COBA HUBUNGAN ASET & PILIHAN
Mockup yang sama dengan konfigurator.
Simulasi menggunakan komponen gambar toples yang sama dengan halaman toko. Perubahan isi di bawah tidak menyimpan racikan atau mengubah katalog.
Mockup toples di website
Ilustrasi kebutuhan pemotretan. Ubah bentuk dan isi untuk melihat kombinasi yang harus didukung aset.
Aset yang dibutuhkan: siluet toples → area isi → kaca depan, tutup, dan label. Jika memotret tiap kombinasi, ketiga bagian ini menyatu dalam satu foto.
Mockup slot parcel di website
Contoh Trio: A + A + B. Susunan ditentukan admin; pelanggan hanya mengganti kue per toples. Bukan paket Alma yang sudah dikonfirmasi.
Foto dasar kemasan kosong + posisi tetap setiap slot + layer bibir box/pita di depan. Jangan menutupi area isi yang perlu berubah.
PILIH JALUR PRODUKSI SEBELUM SHOOT
Dua cara membuat isi berubah.
A / Foto setiap kombinasi
Rekomendasi awal untuk hasil realistis dengan risiko retouch lebih rendah.
Tentukan semua jenis toples dan kue yang kompatibel.
Potret setiap kombinasi dari sudut standar yang sama. Rumus kebutuhan: jumlah seluruh pasangan kompatibel, bukan otomatis semua toples × semua kue.
Developer menukar foto lengkap saat pilihan berubah. Untuk parcel, foto toples perlu dipisahkan dengan masking dan cocok perspektifnya, atau setiap konfigurasi parcel harus difoto terpisah.
Foto 3/4 katalog tidak otomatis cocok untuk slot parcel top-down. Buat setup kamera parcel tersendiri bila perspektifnya berbeda.
B / Komposisi layer
Lebih fleksibel, tetapi membutuhkan retoucher dan uji realisme kaca.
Layer dasar: bentuk belakang toples dan bayangan yang konsisten.
Layer isi: satu aset untuk setiap pasangan toples × kue, ditempatkan dalam mask area isi. Bukan sekadar pola kue yang diulang tanpa skala.
Layer depan: kaca/refleksi, label, tutup, dan detail yang harus menutupi isi.
Parcel: kemasan dasar → bayangan slot → toples per slot → bibir box/pita depan. Tentukan urutan tumpang tindih untuk tiap paket.
Serahkan layer pada kanvas dan titik acuan identik. PNG transparan biasa tidak menyimpan seluruh sifat refraksi kaca; retouch pada latar tujuan dan lakukan proof sebelum memotret katalog penuh.
Uji satu toples dengan dua jenis kue, lalu satu parcel dengan dua slot. Periksa perubahan isi, tepi kaca, skala, bayangan, dan overlap pada desktop/mobile. Setujui hasil ini sebelum melanjutkan seluruh variasi. Visual SVG saat ini tidak otomatis menjadi fotorealistis hanya dengan mengunggah satu foto; mapping aset dan rendering frontend perlu diintegrasikan.
SPESIFIKASI PENYERAHAN
File rapi, integrasi lebih mudah.
Format & resolusi
Master RAW + TIFF/PSD berlayer jika ada retouch, disimpan di penyimpanan tim, bukan folder publik website.
Master edit resolusi penuh; target awal sisi panjang ≥ 3000 px bila kamera memungkinkan. Hero desktop disarankan ≥ 2560 px lebar.
Ekspor JPEG sRGB kualitas tinggi untuk foto utuh; PNG RGBA untuk layer transparan tanpa matte putih. Optimasi WebP/AVIF dilakukan untuk web setelah persetujuan.
Layer satu kombinasi harus memiliki ukuran kanvas, alignment, dan skala identik. Jangan trim transparansi per file secara terpisah.
Jangan menanam headline, harga, atau tombol di gambar. Label kemasan asli tetap boleh terlihat.
catalog.csv: asset_id, filename, jar_id, cookie_id, parcel_id, view, slot_id, width, height, photographer, usage_permission. Pakai ID tetap yang disepakati tim; contoh A/B di sini bukan SKU produksi.
SEBELUM DISERAHKAN
Checklist persetujuan.
□Daftar toples, jenis kue, kompatibilitas, serta jumlah/tipe slot setiap parcel disetujui tim Alma.
□Produk dan kemasan benar-benar milik Alma; label, jumlah isi, dan warna sesuai kenyataan.
□Foto depan dan semua kombinasi yang diminta lengkap; file kosong/terbuka/tertutup tersedia.
□Hero punya versi landscape dan portrait dengan safe area teks yang cukup.
□Layer transparan diuji di latar charcoal dan ivory; tidak ada pinggiran putih, isi bocor, atau refleksi aneh.
□Kaca bersih, label tajam, perspektif konsisten, dan semua slot parcel terbaca pada ukuran mobile.
□Master, ekspor, manifest, kredit, serta izin penggunaan foto orang sudah dikumpulkan.
□Proof satu kombinasi dan satu parcel sudah disetujui sebelum produksi massal.
KREDIT & BATASAN CONTOH
Sumber foto website.
Foto stok hanya contoh framing dan cahaya. Biscotti, kue cokelat, dekorasi Easter, dan model pada foto tidak menetapkan produk, tema, atau identitas tim Alma. Baca lisensi Pexels ↗