Lewati ke konten
Mau web seperti ini?
Website Blog Beauty Inside

Website Demo

Website Blog Beauty Inside

Blog kecantikan dan gaya hidup dengan ulasan produk, panduan skincare, dan penelusuran artikel per kategori.

Buka Live Preview

Industri

Kecantikan & Gaya Hidup

Timeline Pengerjaan

1 minggu

Paket yang Digunakan

Website dengan struktur dan navigasi yang jelas, untuk usaha kecil yang baru mau tampil online

Ini adalah website demo yang saya bangun sendiri sebagai contoh, bukan proyek klien berbayar. Nama bisnis hanya ilustrasi. Live preview di atas adalah hasil aslinya.

01

Tentang Website Ini

Blog kecantikan dan gaya hidup dengan ulasan produk, panduan skincare, dan penelusuran artikel per kategori.

02

Catatan di Balik Demo Ini

Beauty Inside adalah blog kecantikan rekaan dengan satu penulis utama. Pembaca yang saya bayangkan datang dari pencarian soal satu produk atau satu masalah kulit, lalu ingin menjelajah artikel lain di kategori yang sama dan menilai apakah ulasannya bisa dipercaya.

Tiga keputusan desain

  1. Tombol kategori menempel di bawah bilah menu dan menyaring kartu artikel seketika. Animasi masuk hanya berjalan sekali, jadi pembaca bisa bolak-balik dari Skincare ke Haircare dengan cepat.
  2. Warna label kategori saya perlakukan sebagai lapisan terpisah dari warna tombol. Semua label saya gelapkan sampai teks putih di atasnya lolos standar kontras WCAG AA, dan satu warna mawar tua saya sisakan khusus untuk tombol dan tautan.
  3. Tanya-jawabnya menjawab soal kepercayaan lebih dulu: produk dipakai minimal dua minggu sebelum diulas, tulisannya tidak dimaksudkan sebagai saran medis, dan produk kiriman brand ditandai di bagian atas artikel. Pembaca ulasan mencari tanda bahwa penulisnya jujur, maka aturan main itu saya tulis di halaman depan.

Halaman depan dengan susunan seperti demo ini bisa dibuat di Starter, dan kartu artikelnya di sini belum membuka halaman artikel. Blog dengan kategori masuk Business (Rp 5.000.000): artikel baru terbit lewat request, dan tiga artikel awal sudah termasuk. Kalau daftar pelanggan newsletter mau disimpan di website sendiri, itu butuh database, yang baru ada di Enterprise.

03

Apa yang Ada di Dalamnya

  • Penelusuran artikel per kategori
  • Tata letak ulasan produk dengan rating
  • Panduan dan tutorial rutinitas skincare
  • Pendaftaran newsletter
  • Desain responsif mobile-first

04

Teknologi yang Digunakan

  • Next.js
  • React
  • Tailwind CSS
  • SEO Optimization

Galeri Proyek

Website Blog Beauty Inside - Tangkapan layar 1
Website Blog Beauty Inside - Tangkapan layar 2
Website Blog Beauty Inside - Tangkapan layar 3

Tertarik dengan Project Serupa?

Kami bisa membangun website serupa untuk usaha Anda, dengan teknologi dan fitur yang sama.

Project ini menggunakan:

Website dengan struktur dan navigasi yang jelas, untuk usaha kecil yang baru mau tampil online

Harga dan paket website brand beauty →

*Hubungi kami untuk konsultasi lebih lanjut tentang proyek Anda