Mervden

TouchBeauty referansındaki tema yapısı esas alınarak Mervden markasına uygun bir Shopify teması kurulur. Renk şeması (color schemes), font seçimleri (heading/body/accent), buton stilleri ve genel tasarım değişkenleri (theme-styles-variables.liquid pattern'i referans alınarak) Mervden'in moda kimliğine göre yapılandırılır. Müşteriden logo ve marka renkleri bilgisi gelmesi beklenmekte; bu bilgiler olmadan placeholder ile ilerlenip sonradan güncellenir.

TouchBeauty'deki header.liquid yapısı referans alınarak Mervden için sticky header, logo yerleşimi, ana menü (Yeni Gelenler, Koleksiyonlar, Ürünler, Hakkımızda, İletişim), arama ikonu ve sepet aksiyonu kurulur. Mobil drawer menüsü de yapılandırılır. Header group JSON (header-group.json) Mervden menü yapısına göre güncellenir.

TouchBeauty'deki hero.liquid section'ı esas alınarak Mervden anasayfasına tam ekran hero banner kurulur. Masaüstü ve mobil için ayrı görseller, gradient overlay, başlık metni ('Mervden ile Tarzını Keşfet' benzeri) ve 'Alışverişe Başla' CTA butonu yapılandırılır. Müşteriden hero görsel(leri) gelmesi beklenmekte; gelene kadar placeholder görselle kurulum tamamlanır.

TouchBeauty'deki product-list section yapısı ve product-card snippet'i referans alınarak Mervden anasayfasına 'En Çok Tercih Edilenler' veya 'Yeni Gelenler' carousel/grid ürün listesi kurulur. Mevcut 6 ürün bu listeye bağlanır; ürün kartları (görsel, başlık, fiyat, sepete ekle) Mervden stiline uygun yapılandırılır. Carousel mobil uyumluluğu da sağlanır.

TouchBeauty'deki custom-liquid section'lar (tb-video-hero, tb-lock-section sticky showcase, tb-routine-section interactive adımlar) Mervden'e moda temalı uyarlamayla kurulur. Video hero section'ı için bir marka/kampanya videosu veya atmosfer görseli, showcase section'ında öne çıkan 2-3 ürün paneli (Klasik Gömlek, Kot Pantolon, Elbise gibi), routine/steps section'ında ise 'Nasıl Giyinilir / Stil İpuçları' benzeri içerikler oluşturulur. Müşteriden video/içerik materyali beklenmekte.

TouchBeauty'deki collection-list ve main-collection section'ları referans alınarak Mervden için koleksiyonlar oluşturulur (örn. Üstler, Altlar, Elbiseler, Takımlar, Yeni Gelenler). Koleksiyon sayfasında filtre (list-filter snippet), sıralama ve ürün grid yapısı kurulur. Mevcut 6 ürün uygun koleksiyonlara atanır. Koleksiyon kapak görselleri için müşteriden görsel beklenmekte.

TouchBeauty'deki product.json template'i ve product-information.liquid, product-media-gallery-content.liquid snippet'leri referans alınarak Mervden ürün sayfaları yapılandırılır. Ürün görseli galerisi, başlık, fiyat, varyant seçici (beden/renk), sepete ekle butonu, ürün açıklaması, yakın zamanda görüntülenme ve ürün önerileri (product-recommendations) bölümleri kurulur. Mevcut 6 ürüne beden/renk varyantı eklenmesi müşteriden onay bekleyebilir.

TouchBeauty'deki footer.liquid ve footer-group.json yapısı referans alınarak Mervden footer'ı kurulur. Footer menüsüne Hakkımızda, İletişim, Gizlilik Politikası, Mesafeli Satış Sözleşmesi, İade Politikası linkleri eklenir. Sosyal medya ikonları (Instagram, TikTok, Pinterest), e-bülten kayıt formu, telif hakkı notu ve ödeme ikonları yerleştirilir. Sosyal medya hesap bilgileri müşteriden beklenmektedir.

Gizlilik Politikası, Mesafeli Satış Sözleşmesi, İade & Değişim Politikası ve KVKK Aydınlatma Metni sayfaları Shopify admin üzerinden oluşturulur ve içerikleri hazırlanır. Mesafeli Satış Sözleşmesi için vergi no, MERSİS no, ticaret sicil no ve şirket adresi müşteriden (DENİZ) beklenmektedir.

TouchBeauty'deki page.hakkimizda.json ve page.contact.json template'leri referans alınarak Mervden için Hakkımızda ve İletişim sayfaları oluşturulur. Hakkımızda sayfasında marka hikayesi, değerler ve görseller; İletişim sayfasında form, e-posta, adres bilgileri yerleştirilir. Sayfa içerikleri ve marka hikayesi müşteriden beklenmektedir.

Tüm sayfalar (anasayfa, koleksiyon, ürün, yasal sayfalar) mobil cihazlarda (375px–768px) ve tabletlerde test edilir. TouchBeauty'deki mobil responsive pattern'leri (hero mobile görseller, drawer menü, mobile carousel, grid-density-controls) doğru uyarlandığı doğrulanır. Lighthouse performans skoru, görsel optimizasyonu (image lazy loading, srcset) ve sayfa yükleme hızı kontrol edilerek iyileştirilir.

Tüm ürün sayfaları, sepet akışı, ödeme süreci (checkout), koleksiyon filtreleri, form gönderimleri ve yasal sayfaların doğruluğu test edilir. Domain bağlantısı yapılır (müşteriden domain bilgisi veya yeni domain talebi gelebilir). Password sayfası kaldırılır, Google Analytics / Meta Pixel entegrasyonu (müşteri hesabı gerekli), SEO meta tag'leri (products, collections için) kontrol edilir ve mağaza yayına alınır.