Bagaimana cara membuat gambar kode warna foundation untuk situs e-commerce kecantikan yang mandiri? Metode penyelarasan antara uji warna, desain botol, dan halaman SKU.

Saat meluncurkan produk baru foundation cair, hal yang paling memakan waktu biasanya adalah gambar kode warna. Foto botol sudah selesai diambil, uji coba warna di lengan pun sudah dilakukan, namun saat editor menempatkan dua set gambar tersebut ke halaman produk, baru disadari: untuk satu shade netral muda yang sama, di dalam botol terlihat agak kekuningan, di kulit tampak lebih ke pink, sementara pada kartu warna malah terlihat satu tingkat lebih muda. Tak ada yang berani langsung mengeklik “publikasikan”.

Memberi filter yang sama pada seluruh rangkaian gambar tidak akan menyelesaikan masalah ini. Foundation cair dipengaruhi oleh wadah, ketebalan aplikasi, warna kulit, dan pencahayaan; mustahil jika setiap piksel pada gambar tampak seragam. Yang benar-benar harus dijaga adalah urutan gradasi antar shade, nada dasar dingin–hangat, serta korelasi antara kode warna dan SKU. Tetapkan dulu tiga hal tersebut, baru kemudian buat foto model dan foto dengan latar belakang.

Pertama, sebelum memulai pembuatan gambar kode warna foundation cair, buatlah dulu sebuah meja pembanding warna untuk seluruh seri.

Meja pembanding warna bukanlah poster untuk konsumen, melainkan dokumen kerja yang digunakan bersama oleh tim visual, tim produk, dan tim pemasaran. Setiap shade ditempatkan dengan empat elemen: sampel bahan yang telah dikonfirmasi, kotak warna standar, gambar depan botol, dan nama shade. Semua dokumen menggunakan sistem penomoran yang sama; jangan sampai file pemotretan tertulis “Light 2”, tetapi di backend disebut “Light Neutral”.

Dingin, hangat, dan netral merupakan kategori nada dasar yang umum digunakan oleh merek kosmetik, namun klasifikasi warna seperti peach, olive, dan gold bisa berbeda antar merek. Penulisan kolomnya ditentukan oleh standar kode warna masing-masing merek. Tim visual hanya bertugas menjalankan dengan setia; jangan sampai karena melihat hasil akhir yang cenderung abu-abu, mereka secara sembarangan mengubah shade netral menjadi shade hangat.

Meja pembanding warna pertama-tama menyelesaikan persoalan “shade ini termasuk dalam SKU mana”, baru kemudian membahas apakah hasil gambarnya bagus atau tidak.

Kedua, mengapa satu shade foundation cair bisa tampak berbeda di dalam botol, pada kartu warna, dan di kulit?

Bahan di dalam botol terhalang oleh kaca atau plastik, kartu warna adalah warna datar, sementara uji coba di lengan juga tercampur dengan warna asli kulit. Perbedaan ketiganya memang wajar. Saat proses penerimaan, jangan gunakan alat pipet untuk mengambil satu nilai RGB, lalu memaksakan agar ketiga gambar tersebut menjadi warna yang sama; sebaiknya letakkan ketiganya berdampingan dengan meja pembanding warna, perhatikan apakah urutan gradasi berubah, atau apakah nada dasar bergeser dari dingin ke hangat, atau dari netral menjadi merah muda.

1. Pada gambar botol, lihat dulu warna bahan, baru kemudian perhatikan material kemasan.

Untuk botol transparan, bedakan antara warna bahan dan pantulan dinding botol; sedangkan botol buram akan menurunkan saturasi warna. Saat editing, label, pompa, dan tutup botol dapat dibersihkan dari debu, tetapi warna di dalam botol tidak boleh diubah sesuai latar belakang. Jika dua shade yang berdekatan memiliki perbedaan yang jelas pada produk nyata, gambar botol dengan latar putih pun harus mempertahankan perbedaan tingkat tersebut.

2. Kartu warna datar harus mempertahankan urutan gradasi, jangan sekadar mempercantik satu kotak saja.

Kartu warna paling cocok untuk perbandingan horizontal. Saat membuatnya, susun sesuai urutan yang telah ditetapkan oleh merek, dengan luas area warna, margin, dan latar belakang yang seragam; jika suatu kotak terlihat “kurang menonjol”, jangan tambahkan highlight secara terpisah. Jika tidak, ketika pembeli mengklik gambar SKU dari kartu warna, yang mereka lihat justru akan tampak seperti nomor warna lain.

3. Uji coba warna pada kulit bertujuan melihat daya tutup dan nada dasar, bukan mencari kesesuaian dengan piksel pada kartu warna.

Uji coba warna di lengan harus mencantumkan jumlah aplikasi, bentuk tepi, serta pencahayaan saat pengambilan gambar. Aplikasi tipis dan tebal tidak boleh dicampur dalam satu baris, dan bahan berkilau yang masih basah juga tidak boleh dibandingkan langsung dengan blok warna yang benar-benar kering. Keterangan gambar dapat menjelaskan bahwa ini adalah tampilan uji coba warna, jangan sampai gambar hasil AI disebut sebagai tes daya tutup atau ketahanan riasan yang sebenarnya.

Tiga jenis media tidak perlu memiliki kesesuaian piksel; urutan nomor warna dan arah nada dasar tidak boleh dipertukarkan.

3. Gambar uji coba warna riasan di lengan seharusnya tidak menjawab pertanyaan “apakah warnanya banyak?”, melainkan “di kulit siapa warna tersebut akan tampak?”

Satu lengan yang memuat belasan nomor warna mungkin tampak memberikan banyak informasi, namun pembeli tetap sulit menentukan mana yang paling mendekati warna kulit mereka. Cara yang lebih praktis adalah mengelompokkan terlebih dahulu berdasarkan tingkat kegelapan warna kulit, lalu memastikan setiap gambar menggunakan pencahayaan, lebar aplikasi, dan urutan nomor warna yang sama. Warna kulit apa saja yang harus ditampilkan oleh model sebaiknya ditentukan oleh rentang penjualan aktual dan nomor warna produk, bukan sekadar menambah jumlah orang demi tampilan yang ramai.

Saat perlu memperluas komposisi uji coba warna, dapat disiapkan referensi kulit tanpa riasan serta skema posisi aplikasi, dan di PixPix dapat dibuat latar belakang uji coba warna dengan sudut kamera, pencahayaan, dan ruang kosong yang seragam . AI hanya bertanggung jawab atas lengan atau model, sudut kamera, dan tata letak; tidak boleh secara mandiri menghasilkan atau menyimpulkan warna kulit setelah pemakaian foundation. Area uji coba warna yang akhirnya dilihat pembeli sebaiknya berasal dari foto uji coba nyata yang diambil dalam kondisi standar atau materi yang telah disetujui oleh merek, kemudian digabungkan sesuai posisi yang telah dikonfirmasi.

Disarankan agar kondisi pemotretan tetap konstan: gunakan sumber cahaya, white balance, sudut kamera, dan latar belakang yang sama untuk seluruh rangkaian uji coba warna; hindari satu gambar di dekat jendela dan satu lagi di bawah lampu berwarna hangat.

Nomor warna yang sama diterapkan pada kulit dengan warna berbeda akan menampilkan hasil yang berubah-ubah; urutan nomor warna, ketebalan aplikasi, dan pencahayaan harus tetap konsisten.

4. Setelah pembeli situs independen mengklik nomor warna foundation cair, gambar SKU mana yang sebaiknya ditampilkan terlebih dahulu?

Di Shopify, setiap varian produk dapat dihubungkan dengan satu gambar; ketika pembeli memilih varian tersebut, gambar itu akan muncul sebagai pratinjau varian. Gambar-gambar lain dengan nomor warna yang sama tetap dapat disimpan di galeri media produk dan disusun secara berurutan. Yang paling dihindari bukanlah kurangnya gambar, melainkan ketika setelah mengklik nomor warna dengan nuansa hangat, gambar pratinjau tetap menampilkan nomor warna netral.

Gambar pratinjau varian sebaiknya menggunakan foto bagian depan botol yang bersih, dengan nama nomor warna dan detail kemasan yang jelas terlihat. Setelah itu baru tambahkan foto close-up bahan, uji coba warna di lengan, serta referensi hasil riasan untuk nomor warna tersebut. Foto koleksi seluruh seri sebaiknya ditempatkan di posisi awal untuk mempermudah perbandingan, tetapi jangan dijadikan pengganti gambar konfirmasi untuk satu SKU tertentu.

1. Foto koleksi seluruh seri nomor warna: menjelaskan ruang lingkup pilihan.

2. Foto botol SKU saat ini: memastikan nomor warna yang diklik pembeli.

3. Foto close-up bahan dan tepi: menampilkan tekstur serta tampilan fisik, tanpa mengada-ada efek pemakaian.

4. Foto uji coba warna di lengan: menjelaskan bagaimana nomor warna tersebut tampak di kulit.

5. Foto hasil riasan atau suasana: melengkapi konteks penggunaan, tetapi tidak boleh menggantikan konfirmasi nomor warna.

Setelah mengklik nomor warna, gambar pertama harus memastikan SKU; gambar-gambar berikutnya menjelaskan bahan, efek pada kulit, serta konteks penggunaannya.

5. Saat memproduksi massal gambar produk foundation cair, dokumen mana yang bisa digunakan bersama, dan dokumen mana yang harus dibuat ulang sesuai nomor warna?

Latar belakang, sudut kamera, bayangan botol, serta tata letak galeri dapat dibuat sebagai master template. Namun warna bahan, teks nomor warna, identitas batch di bagian bawah botol, serta isi uji coba warna tidak boleh disalin langsung dari nomor warna sebelumnya. Proses produksi massal yang paling efisien adalah memilih satu nomor warna tengah untuk menguji tata letak terlebih dahulu, lalu mengganti satu per satu botol dan kartu warna yang telah dikonfirmasi, daripada membuat satu gambar lalu mengubah warnanya secara massal dengan slider warna.

Setelah tata letak gambar latar putih, gambar detail, dan gambar suasana ditentukan, dapat menggunakan PixPix untuk melengkapi set gambar produk tiap nomor warna dengan komposisi yang sama . Setiap kali hanya mengerjakan satu SKU, sambil mengunggah foto asli botol dan potongan kertas untuk pencocokan warna; setelah gambar selesai, periksa dulu teks nomor warna dan bahan, baru kemudian cek bayangan, latar belakang, dan properti pendukung.

Masterplate bertanggung jawab menyatukan komposisi, sementara nomor warna diganti satu per satu. Pemrosesan massal bukan berarti mengubah warna dengan sekali klik.

6. Sebelum pengiriman, tim visual kecantikan melakukan pemeriksaan silang sekali lagi menggunakan nomor warna yang berdekatan

Jangan hanya memeriksa dua nomor warna—yang paling muda dan yang paling tua—karena perbedaan di antara keduanya sangat besar, sehingga banyak kesalahan justru tidak terlihat. Letakkan gambar botol, kartu warna, uji warna, serta gambar varian di backend secara berdampingan, disusun dalam satu baris dari kiri ke kanan. Jika ditemukan urutan kedalaman warna terbalik, perubahan tiba-tiba pada nada dasar, atau ketidaksesuaian teks nomor warna, seluruh set materi terkait harus segera dinonaktifkan.

Saat mengekspor gambar untuk web, simpan dulu file asli yang masih dapat diedit, lalu konversi ke sRGB. Menurut panduan manajemen warna Adobe, sRGB merupakan pilihan rekomendasi untuk gambar web; hal ini dapat mengurangi penyimpangan tampilan akibat profil warna, namun tidak dapat membuat semua layar ponsel sepenuhnya seragam. Pengiriman akhir tetap harus diperiksa sekali di desktop dan sekali di ponsel, serta pastikan bahwa setelah dikompresi, nomor warna yang berdekatan masih dapat dibedakan.

7. Masalah umum pada gambar nomor warna foundation

1. Saat menerjemahkan nama nomor warna foundation untuk situs multibahasa, apakah nomor SKU juga perlu diubah?

Jangan mengubah nomor SKU. Nama tampilan nomor warna boleh diterjemahkan sesuai aturan lokal yang disetujui oleh merek, tetapi SKU di backend, nama file gambar, dan nomor stasiun pencocokan warna harus tetap stabil; jika tidak, halaman dalam berbagai bahasa bisa saja terhubung dengan gambar yang salah.

2. Setelah mengganti botol foundation untuk satu nomor warna yang sama, apakah gambar produk lama masih bisa digunakan?

Jika bentuk botol, tingkat transparansi, pompa, atau label berubah, maka gambar botol baru harus dibuat ulang. Ketika formula dan nomor warna tetap sama, kartu warna yang telah disetujui dapat terus digunakan sebagai acuan warna; gambar botol lama tidak boleh dipertahankan dalam pratinjau varian, agar pembeli tidak keliru mengira kemasannya sama.

3. Apakah nomor warna yang sedang kosong tetap harus dipertahankan dalam kartu warna seluruh seri?

Untuk stok yang kosong dalam jangka pendek, nomor warna tersebut dapat tetap dicantumkan dalam kartu warna seluruh seri, tetapi halaman produk harus jelas menampilkan status “tidak tersedia”. Jika nomor warna tersebut sudah dihentikan produksi secara permanen, maka kartu warna, gambar varian, dan konten panduan pembelian harus diperbarui secara bersamaan, agar tidak lagi dianggap sebagai pilihan yang tersedia.