Portföye dön

Frontend & Shopify Developer

Shopify geliştirme

İstanbul merkezli frontend ve Shopify geliştiricisiyim. Liquid ve Online Store 2.0 ile mağazanın ürünlerini, içeriğini ve alışveriş akışını bir arada ele alıyorum. Çalışmalarım; yeniden kullanılabilir tema bileşenlerinden ürün keşfine, sepet entegrasyonlarından müşteri panellerine uzanıyor.

Mağazanın ihtiyaçlarına göre geliştirme

Mevcut bir temayı geliştirmek, yeni bir sayfa yapısı kurmak veya standart mağaza deneyimine özel bir akış eklemek farklı ihtiyaçlardır. Teknik kapsamı; tema yapısı, kullanılan uygulamalar ve mağaza ekibinin içerik yönetimiyle birlikte değerlendirmek gerekir.

Liquid ve Online Store 2.0 tema mimarisi

Section, block, snippet ve JSON template yapılarıyla mağazanın farklı sayfalarını ortak bir bileşen dili altında kuruyorum. Tema düzenleyicisindeki ayarlar, içeriği yöneten ekibin kullanabileceği şekilde düzenlenmeli; özel geliştirmeler de mevcut temanın schema ve güncelleme yapısıyla uyumlu kalmalı.

Ürün keşfi ve sepet deneyimi

Ürün ve koleksiyon sayfaları, varyant seçimi, arama önerileri ve mobil filtreler üzerinde çalışıyorum. Sepet tarafında Ajax Cart ve Admin GraphQL entegrasyonlarıyla mağazaya özgü alışveriş akışları geliştiriyorum. Ürün bilgisi, seçenekler ve sonraki adım arasındaki ilişkiyi açık tutmak bu çalışmanın merkezinde.

Müşteri hesabı ve abonelik akışları

Tema içine gömülü müşteri panelleri, müşteri etiketine bağlı erişim ve abonelik yetkilendirmesi üzerinde deneyimim var. Bu tür çalışmalarda yalnızca ekranları değil; oturum, profil, plan yetenekleri ve kullanım limitleri arasındaki ilişkiyi de ele alıyorum.

Entegrasyon, performans ve teknik SEO

Shopify API’leri, metafield ve metaobject yapıları ile Flow, yetkinlik alanlarım arasında. Tema çalışmasına görsel yükleme, üçüncü taraf kodların etkisi, erişilebilirlik ve yapılandırılmış veriyi de dahil ediyorum. Amaç, mağazaya eklenen işlevin bakımını ve kullanıcı deneyimine etkisini birlikte değerlendirmek.

Shopify çalışmalarından örnekler

Aşağıdaki çalışmalar, Eylül 2021–Temmuz 2026 arasında SM Design bünyesindeki Frontend & Shopify Geliştirici görevime aittir. İstanbul’dan, ABD’deki ekiple tamamen uzaktan çalıştım.

Lynda Kids · Müşteri paneli ve üyelik

Shopify Liquid teması içine gömülü bir müşteri paneli kurdum. ES modülleri, istemci tarafı yönlendirme ve paylaşılan state yapısıyla uygulama benzeri bir hesap deneyimi oluşturdum. Müşteri etiketlerini plan yeteneklerine eşleyen abonelik yapısında profil limitlerini ve aile bazlı yetkilendirmeye geçişi ele aldım.

Sepet istekleriyle çalışan otomatik indirim akışını, Shopify Admin GraphQL kullanan bir Vercel serverless servisine bağladım. Kimlik doğrulama, profil senkronizasyonu ve bağlı cihaz durumlarının müşteri panelinde gösterilmesi de bu çalışmanın parçalarıydı.

Arditi Collection · DTC ve B2B mağaza

Online Store 2.0 mobilya temasını, ticari temel temanın hook ve schema uyumluluğunu koruyarak geliştirdim. Ürün sayfasında varyant ve SKU seçimi, medya gruplama, 3D/AR desteği, termin bilgisi ve müşteri etiketine duyarlı bayi fiyatlandırması üzerinde çalıştım.

Koleksiyon ve arama akışlarına öneriler, faceted filtreleme ve mobil filtre deneyimi ekledim. Malzeme keşfi ile teklif, bayi başvurusu ve proje gönderimi gibi form yüzeylerini ortak bileşen yapılarıyla düzenledim.

İş deneyiminin tamamı

Geliştirmenin ardından da yönetilebilen bir tema

Çalışma yaklaşımımın temelinde yeniden kullanılabilir Liquid bileşenleri, anlaşılır theme editor ayarları ve kapsamı belirli frontend modülleri var. Her iki Shopify mağazasında tekrarlanan kodu ortak snippet’lere indirgedim; tema ayarlarını ve kod biçimlendirmesini standartlaştırdım.

Test ve teslim sürecinde Vitest, Playwright ve GitHub Actions kullanıyorum. Performans çalışmasını da somut yükleme davranışları üzerinden ele alıyorum: ilk ekrandaki medyayı erken hazırlamak, kritik olmayan üçüncü taraf kodları ertelemek ve görselleri görünüm alanına göre yüklemek gibi. Geçmiş çalışmaların tamamı portföyde tarihleri ve bağlamıyla yer alıyor.

Diğer projeler

Shopify projeniz hakkında

Mağazanızın bağlantısını, değiştirmek istediğiniz akışı ve varsa tasarım ya da teknik kısıtları paylaşabilirsiniz. Mevcut iletişim formu, yeni geliştirme veya mevcut bir temadaki ihtiyaç hakkında yazmak için kullanılabilir.

İletişim formuna git