Klien
WunderDerm
Market
Augsburg · Jerman
Delivery
Brand · UX/UI · Next.js · Sanity · Migrasi SEO

Memperbarui pengalaman tanpa menghapus karakter brand
WunderDerm sudah memiliki nama yang dikenal dan identitas yang kuat. Kami mempertahankan ekuitas itu, lalu menggeser presentasi beauty-laboratory yang lama menuju positioning “Laser + Hautkonzepte” yang lebih jelas.
Struktur WordPress yang tumbuh per halaman membuat layanan, harga, teknologi, dan booking terpisah-pisah. Pengalaman baru disusun berdasarkan pertanyaan nyata customer: area mana, layanan apa, berapa harganya, dan apa langkah berikutnya.

Bahasa visual yang fleksibel untuk katalog layanan lengkap
Wordmark ekspresif tetap menjadi pusat identitas. Deep blue memberi rasa percaya diri, sementara brown hangat, pink terang, dan off-white memberi variasi untuk halaman editorial, card, dan momen conversion.
- Sistem logo dan positioning line yang diperbarui
- Aturan warna, tipografi, spacing, dan komponen yang reusable
- Arah fotografi yang hangat dan dinamis
- Desktop dan mobile dirancang sebagai satu sistem

Kompleksitas layanan diubah menjadi product flow yang mudah dipahami
Area treatment, paket, pricing, penjelasan kontekstual, dan aksi booking sekarang terhubung sebagai satu journey — bukan kumpulan landing page yang berdiri sendiri.

Discovery area treatment yang interaktif
Body map responsif membantu visitor memilih tampilan, area tubuh, dan informasi layanan yang relevan tanpa harus membaca price list panjang yang datar.

Alur orientasi singkat dengan batas yang jelas
WunderQuiz menyusun preferensi dan mengarahkan visitor ke informasi yang relevan. Fungsinya adalah orientasi, bukan diagnosis atau pengganti konsultasi profesional.

Story microneedling yang editorial di dalam design system yang sama
Microneedling memerlukan ritme berbeda dari layanan laser: visual produk, penjelasan bertahap, proses, serta informasi persiapan dan aftercare. Navigasi, tipografi, dan pola conversion tetap konsisten.

Layout lengkap dan page capture yang detail
Komposisi desktop dan mobile dibuat secara paralel. Screen pilihan memperlihatkan transisi dari offer di hero menuju edukasi, proses, dan fotografi tanpa terasa seperti microsite terpisah.




Fondasi platform yang maintainable di balik relaunch visual
Website dibangun ulang sebagai aplikasi Next.js dengan TypeScript, sementara Sanity memberi kontrol editorial yang terstruktur. Arsitektur ini mendukung halaman layanan, artikel, FAQ, section reusable, dan pengembangan berikutnya.
Hasil
WunderDerm sekarang memiliki satu sistem digital untuk identitas, pencarian layanan, pricing, orientasi, booking, dan operasi konten. Brand terasa lebih modern tanpa kehilangan pengenalan dari customer lama.
Case ini mendokumentasikan pekerjaan brand, interface, dan software. Konten tidak dimaksudkan sebagai klaim efektivitas klinis atau hasil treatment individual.
Tampilan lain dari sistem













