İçeriğe geç
Beyza Nur Koşar
← Tüm çalışmalar

Elan Beauty

Premium bir güzellik ürünü için Lovable ile hızla geliştirilen, ardından kod tarafında içerik ve responsive ayrıntıları düzenlenen landing page konsepti.

Elan Beauty landing page hero'su; bej bir yüzeyde damlalıklı bir cilt bakım şişesi ve 'The Science of Radiant Silence' başlığı
Rol
Creative direction, web tasarımı, kişiselleştirme, yayına alma
Yıl
2026
Kategori
Branding, Web Tasarımları
Süre
Mayıs 2026
Araçlar
Lovable, VS Code, Vercel

Not: Bu çalışma portfolyo amacıyla oluşturulmuş bağımsız ve kurgusal bir konsepttir. Gerçek bir marka görevlendirmesi veya müşteri çalışması değildir.

00

Genel bakış

Elan Beauty, premium bir güzellik ürününü sakin ve güven veren bir atmosfer içinde sunmak için hazırladığım landing page konseptidir. İlk çalışan tasarımı Lovable üzerinden oluşturdum. Ardından projeyi VS Code'a taşıyarak metin hiyerarşisini, boşlukları, CTA yerleşimini ve farklı ekranlardaki görünümü düzenledim.

01

Çıkış noktası

Sayfanın ürünü premium göstermesi gerekiyordu ancak yoğun kampanya metinleri veya gereksiz bölümlerle ziyaretçiyi yormaması önemliydi. Bu nedenle ürünün öne çıktığı, kısa metinlerle ilerleyen ve kullanıcıyı tek bir ana aksiyona yönlendiren sade bir yapı kullandım.

02

Yaklaşım ve strateji

İlk tasarım ve sayfa yapısı tek bir kapsamlı Lovable yönlendirmesiyle oluşturuldu. Hazır çıktı üzerinde mobil metin kırılımları, section boşlukları, buton hiyerarşisi ve küçük görsel ayrıntılar VS Code üzerinden düzenlendi.

Elan Beauty landing page hero bölümü, ürün fotoğrafı ve ana başlıkla
Hero
'Why Élan' bölümü; klinik etkinlik, soğuk sıkım aktif içerikler, sürdürülebilir kaynak ve hayvanlar üzerinde test edilmeme ilkelerini sıralıyor
Marka ilkeleri
Müşteri yorumlarının yer aldığı 'Voices' bölümü
Yorumlar
Üç imza ürünün fotoğraflarla ve fiyatlarla sergilendiği 'A trio of essentials' bölümü
Ürün trio'su

05

Üretim süreci

  1. 01

    Kimlik

    Markanın tonunu, paletini ve tipografik sesini tanımladım.

  2. 02

    Sayfa

    Lovable yapısından başlayıp VS Code'da ürün hikâyesi etrafında yeniden kurguladım.

  3. 03

    Yayın

    Mobilde kontrol edip Vercel'de yayımladım.

06

Önemli kararlar

  • Ürün odaklı düzen

    Her bölümde ürünler öndedir; destek metinleri kısa tutulur.

  • Ölçülülük

    Az renk ve az efekt; sayfayı ürünler taşır.

07

Sonuçlar

Yayımlanmış bir konsept landing page. Performans rakamı iddia edilmez.

08

Öğrendiklerim

Elan Beauty, az içerikle premium bir görünüm oluştururken boşluk, tipografi ve ürün odağının ne kadar belirleyici olduğunu gösterdi. Ayrıca Lovable'dan alınan çalışan bir tasarımı kod tarafında küçük müdahalelerle daha kontrollü ve projeye özgü hâle getirme pratiği kazandırdı.

Stacked. Projeyi İncele

Premium bir hamburger restoranı için hızlı ürün algısı ve sipariş yönlendirmesi üzerine kurulan landing page konsepti.