Gelişmiş Shopify Özel Geliştirme Nasıl Daha İyi Bir Kullanıcı Deneyimi Yaratır?

Yüksek kaliteli, yenilikçi ve sorumlu bir şekilde üretilmiş valiz, çanta ve diğer seyahat aksesuarları satıcısı Paravel için özel işlevsellik bir zorunluluktur. Ürettikleri ve sattıkları ürünler benzersizdir, bu nedenle onlar için müşterilerine benzersiz bir alışveriş deneyimi sunmak gerekliydi.

Paravel, çevrimiçi mağazası aracılığıyla pratik işlemleri gerçekleştirmeyi mümkün kılmak için birçok temel e-ticaret işlevine ihtiyaç duyuyordu. Başlangıçta, açık kaynaklı bir platform olması nedeniyle birçok taraftarı ve destekçisi olan Spree adlı açık kaynaklı bir platform üzerine inşa edildiler.

Spree, Magento gibi diğer açık kaynaklı platformlar gibi son derece özelleştirilebilir. Ayrıca çok sayıda üçüncü taraf eklentisi ve uygulamasıyla entegre edilebilir, yüksek düzeyde ölçeklenebilirdir ve mobil uyumlu bir arayüz geliştirmeyi kolaylaştıran bir düzeyde kullanıcı arayüzü sezgisi sergiler.

Bu, Spree'nin çeşitli işlevsel özelliklerinin yalnızca hızlı bir görüntüsü olsa da, bazıları diğer açık kaynaklı platformlarla aynı yüksek maliyetle gelir. İşlevsellik açısından neredeyse sınırsız olabilirler, ancak başarmak için çok fazla geliştirme süresi ve hatta daha fazla deneyim gerektirirler. Kapsamlı kodlama deneyimi veya geliştirme geçmişi olmadan Spree gibi platformlar kaynakları hızla tüketebilir.

Paravel'in bu benzersiz alışveriş deneyimine ihtiyacı vardı, ancak aynı zamanda e-ticaret tüccarlarına çok şey sunan, kullanıma hazır bir çözüme de ihtiyaçları vardı. Onlar için sorun, zaten titizlikle tasarlanmış ve geliştirilmiş e-ticaret mağazasını Spree'den daha yetenekli bir platforma nasıl getirebilecekleriydi?

Kapsamlı Bir Taşıma Süreci

Satış ekibimizle iletişim kurduktan sonra Paravel, birkaç şartla Shopify Plus'a geçişin çözüm olduğuna karar verdi. Paravel, diğer şeylerin yanı sıra, geçişten herhangi bir olumsuz etki yaşamak istemedi ve yeni mağazalarının Spree mağazalarının tüm işlevlerini ve ardından bazılarını sunmasını istedi. Bunu yapmak için Paravel'in bir Shopify Plus iş ortağından daha fazlasına ihtiyacı vardı - bir Shopify Plus uzmanına ihtiyaçları vardı.

Spree, kişiselleştirme için neredeyse sınırsız seçenekler sunarken, barındırılan bir e-Ticaret SaaS platformu olarak Shopify Plus, onlara çok daha fazlasını sunabilir. Shopify Plus, 1Digital ^Ⓡ gibi bir geliştirme ekibinin yardımıyla onlara Spree'nin sunduğu tüm özelleştirmeleri ve daha fazlasını sunabilir. Shopify Plus ayrıca yüksek güvenlik özellikleri, garantili çalışma süresi, hızlı site hızı, üçüncü taraf uygulamalar ve eklentilerle benzer uyumluluk, çeşitli ödeme seçeneklerinin kabulü, muazzam ölçeklenebilirlik ve çok daha fazlasını sundu. Bu noktada Paravel, mevcut Spree mağazasını ve tasarımını ve işlevselliğini Shopify Plus'a taşımakla görevlendirildi.

Bazıları için, bir web sitesi geçiş süreci can sıkıcıdır, ancak aksini biliyorduk. Arka görüşte yüzlerce başarılı geçiş ve çabalarımızı destekleyen bir geliştirici ekibiyle, bunun hiçbir sorun olmadan yapılabileceğini biliyorduk. Sadece kapsamlı bir süreç alacaktı.

Süreç yoğundu, ancak 1Digital ^Ⓡ Agency'nin başarılı olamayacağı hiçbir şey yoktu. Proje, 32 ürün alanının (adlar, açıklamalar, resimler, fiyatlar ve daha fazlası dahil) yanı sıra her biri 4.000'den fazla müşteri hesabı ve siparişinin taşınmasını gerektirdi. Bunu yapmak için geçici bir Linux sunucusu kurduk ve orijinal sitelerinin Spree envanterinden bu bilgileri çizip kategorize etmek için özel bir komut dosyası yazdık.

Bunu taşımak için, ilgili tüm alanları düzgün bir şekilde içe aktarmadan önce Shopify API'sine bağlanmak üzere başka bir özel komut dosyası oluşturduk. İşlem sırasında ve sonrasında veriler, yeni mağazaya doğru bir şekilde indiğinden emin olmak için kontrol edildi, böylece yalnızca hiçbir şey kaybolmaz, aynı zamanda gitmesi gereken yere yerleşirdi.

Kapsamlı sürecimiz veri kaybını önledi, peki ya trafik kaybı? E-Ticaret istemcilerini yeniden platform oluşturma ihtimalinden uzaklaştıran bir şey varsa (büyük faydalar sağlayacak olsa bile), trafik veya alan otoritesini kaybetme korkusudur.

Neyse ki, geçiş sürecimiz veri kaybını önlediği kadar titizlikle SEO'nun zarar görmesini de engelliyor. Paravel ile, her taşıma projesinde yaptığımız gibi, web siteleriyle ilişkili tüm URL'leri topladık ve ardından yeni Shopify web sitesinde ilişkili URL'lere 301 yönlendirmesi kurduk. Şaşırtıcı olmayan bir şekilde, Paravel, geçiş tamamlandıktan sonra trafikte herhangi bir kayıp veya sıralamada dalgalanma yaşamadı.

Destek – Her ihtimale karşı

Shopify'a geçiş sorunsuz geçti ve Paravel, gelişmiş işlevsellik ve daha iyi bir kullanıcı deneyimi ile yeni bir Shopify Plus mağazasına doğru ilerliyordu, ancak güvende olmak için geçiş projesine 30 günlük ücretsiz bir destek süresi ekledik . Kanıtlanmış bir sürece sahip tüm Shopify taşıma acenteleri bunu yapmalıdır; bu, başarılı bir geçiş stratejisinin yalnızca bir parçasıdır.

Ücretsiz destek sürelerinin uzunluğu projenin kapsamına göre değişmekle birlikte Paravel'in göç etmesi durumunda 30 gün tahsis ettik. Bu, onlara yeni web sitelerini araştırmak ve ortaya çıkabilecek taşıma hatalarını gidermek için tam bir aylık zaman verdi - ki bunu ücretsiz olarak düzeltirdik.

Daha sonra bile, hiçbir depozito istemeden, hizmette kalmalarına izin verdik; ücretsiz web sitesi destek süresi sona erdikten sonra günlüğe kaydedecekleri değişiklikleri faturalandırmanız yeterlidir. Bunun gibi küçük şeyler, iyi müşteri hizmeti sağlamak için uzun bir yol kat eder ve her şey kontrol edildiğinde, iki kez kontrol edildiğinde ve tekrar kontrol edildiğinde bile geçişlerin sorunsuz ilerlemesini sağlamayı amaçlıyoruz.

Yeni Geliştirilmiş Bir Web Sitesi

Ama göçle bitmedi. Paravel'in yeni sitenin sunacağı müşteri deneyimiyle ilgili hamle için kriterleri vardı ve bunu sağlamak için onlar için yepyeni bir Shopify Plus web sitesi geliştirmemiz gerekiyordu.

1Digital ^Ⓡ Agency'nin geliştiricileri, projelerinin bir parçası olarak, onlar için daha iyi marka entegrasyonu olan ve ürünlerini daha arzu edilen bir ışıkta konumlandırmaya yardımcı olan yepyeni bir ana sayfa hazırladı. Hedef pazarlarının ilgi alanları ve algılarıyla daha iyi uyum sağlayan güncellenmiş ürün ve arka plan görüntüleri içeriyordu. Altında eski ana sayfanın bir parçası olan yeni ana sayfanın şık, sofistike izlenimini düşünün.

Ana sayfalarını ziyaret eden ziyaretçiler için yeni düzen, yalnızca görüntülerinin üstün estetiğiyle değil, aynı zamanda Paravel ürünlerinin değerini öne ve merkeze yerleştirmek için gösterdiği en uyumlu çaba için hemen dikkat çekiyor. Ayrıca, yeni ana sayfa düzeninin üst kısmında, önceki tasarımda eksik olan bir menü olduğunu fark edeceksiniz; ürünlerine daha önce erişmenin yolu, "koleksiyon alışverişi" etiketli bir düğmenin bulunduğu sayfayı aşağı kaydıraraktı. Yeni sayfa, yukarıda da görebileceğiniz gibi, çok daha iyi site gezinme özelliklerine sahiptir.

Ziyaretçiler, ana sayfayı kaydırarak kayan bir başlık aracılığıyla yorumları görebilir, popüler ürün kategorileri hakkında daha fazla bilgi edinebilir ve hatta aşağıdaki ekran görüntülerinden bazılarında görebileceğiniz gibi, müşterilerin ürünleri sosyal medya aracılığıyla nasıl kullandığını görebilir.

Ana sayfaya ek olarak, 1Digital ^Ⓡ , Paravel için diğer birçok sistem sayfasının üzerine bir “Bizim Hikayemiz” sayfasıyla birlikte yeni bir kategori sayfası şablonu hazırladı. Geliştirilen bu sayfalar arasında sepet ve ödeme sayfaları, giriş sayfaları, hediye çeki sayfaları ve “Teşekkürler” sayfaları yer aldı. Son olarak, "SSS" ve "Şartlar" sayfaları dahil olmak üzere bir dizi içerik sayfasını özelleştirdik.

Yüksek kaliteli duyarlı bir web sitesi tasarımının önemi günümüzde e-Ticaret için kritik öneme sahiptir ve 1Digital ^Ⓡ geliştiricileri, projenin bir parçası olarak Paravel için güncellenmiş, duyarlı bir web sitesi hazırlamaya özen gösterdiler. Paravel'in kullanıcı deneyiminin yararına, 1Digital ^Ⓡ'in yeni duyarlı tasarımı, metni buna göre yeniden boyutlandırıp yeniden biçimlendirerek daha küçük ekranlara otomatik olarak uyum sağlar.

Gelişmiş Geliştirme – Kategori Sayfası İşlevselliği

1Digital ^Ⓡ geliştiricileri, Paravel'in ürün kategorileriyle ilgili tüm bilgileri aktardıklarında, müşterilerine iletmeleri için bazı yeni işlevler ekledik, böylece müşteri deneyimini iyileştirdik.

Paravel'in kategori sayfası ekranında görünen bazı rozetlerde hızlı değişiklikler yapabilmesi için kategori sayfası şablonlarına bir Metaalan Düzenleyicisi kurduk. Bu, "yeni", "en çok satanlar" veya "özellikli" ürünlerle ilişkili promosyonların daha belirgin bir şekilde görüntülenebilmesi için özel alanları düzenlemelerine izin verdi.

Bu görünüşte basit olan özellik, Paravel'in yöneticilerine bir geliştiriciyle çalışmadan web sitelerinin görüntüsünde hızlı ve kolay değişiklikler yapmaları için çok fazla güç veriyor. Bir adama balık verilebilir veya sanat öğretilebilir ve Paravel'e uygulamanın nasıl kullanılacağı ve yönetileceği konusunda ayrıntılı talimatlar verdik, böylece proje kapandıktan sonra bile kolayca değişiklik yapabilmeleri sağlandı.

Benzer şekilde, 1Digital ^Ⓡ geliştiricileri Paravel'in koleksiyon sayfalarında Ürün Renk Örnekleri ve Hızlı Görünüm işlevselliği oluşturdu. Shopify Plus koleksiyonları sayfası için istenen bilgileri getirip görüntüleyebilen özel bir komut dosyası oluşturduk.

Bu renk örnekleri için komut dosyası, bir müşteri ilgilenilen renkle ilişkili renk örneğini tıkladığında, ürün resminin o renkte görüntülenmesini de sağladı. Buna ek olarak, değişiklikle ilişkili geçerli fiyatları ve "kişiselleştirme" seçeneklerini veya gerekirse "stokta yok" mesajını görüntüler.

Gelişmiş Geliştirme – Ürün Sayfası İşlevselliği

Paravel, müşteri deneyimine büyük önem veriyor ve bu nedenle, alışveriş deneyimini kişiselleştirmeye yardımcı olmak için ek yetenekler de dahil olmak üzere, ürün sayfası şablonlarından çok sayıda ek işlevsellik gerektirdi.

Bu nedenle, projenin gelişmiş geliştirme boyutunun bir parçası olarak 1Digital ^Ⓡ , web sitelerinde, özellikle de ürün sayfalarında alışveriş deneyimini kişiselleştirmek için yeni ve daha iyi bir dizi özellik oluşturulmasına yardımcı oldu.

Ürün sayfası şablonlarını, eski Spree mağazalarına benzer şekilde görüntülenecek şekilde yapılandırdık. Ardından, ürün sayfası ekranının altında kalacak bir "sepete ekle" çubuğu oluşturduk. Bu işin kolay kısmıydı.

Ayrıca, alışveriş yapanların müşteri deneyimlerini kişiselleştirmelerine ve daha gerçekçi hale getirmelerine olanak tanıyan ürün sayfası şablonu için bir araç geliştirdik. Paravel, müşterilerine yukarıda açıklanan renk örneği işlevini kullanarak belirli bir çantanın (veya başka bir ürünün) nasıl görüneceğini görme olanağı sunmanın yanı sıra, müşterilerine ürünlerini kişiselleştirme olanağı da verir.

Paravel, müşterilerinin, kişiselleştirildiğinde ürünlerinin nasıl görüneceğini gerçekten görmelerine olanak tanıyan gerçekçi bir aracın dönüşüm hızlandırıcı özellikleriyle ilgileniyordu, bu yüzden onların bunu yapmalarını sağlayan bir araç oluşturduk.

Paravel için oluşturduğumuz araç, bir müşteri ürün sayfasını ziyaret ettiğinde “Kişiselleştir” yazan bir açılır pencere gösteriyordu. baş harfleri ile monogram.

Bu araç, müşteri "Kişiselleştir"i tıkladıktan sonra ürün sayfasında bir widget olarak görüntülenir ve tercihlerine göre manipüle edilmesi ve özelleştirilmesi çok kolaydır. Ürünün kişiselleştirmeyi düzgün bir şekilde göstermesini sağlamak için, müşterinin girdiği harfleri, seçtikleri tarzda, görüldüğü gibi ürünün sağ alanı üzerinde doğru bir şekilde gösterecek özel bir script oluşturmamız gerekiyordu. aşağıdaki resimde. Son bir işlevsellik düzeyi olarak, Paravel müşterilerinin ürünlerini elle boyanmış harfler veya Aplikeler yerine işlemeli harflerle kişiselleştirmelerini sağlayacak bir “Naylon Şablon” oluşturduk.

Paravel'in ürün sayfaları için, HTML kodlaması yoluyla eski Spree mağazasındaki ürün sayfalarından dört sekmenin uygulanması da dahil olmak üzere birkaç özelleştirme daha yaptık. Ayrıca Paravel'in Spree mağazasından, müşterilerin Paravel'in ürünlerini Aplike ve elle boyanmış tasarımlarla daha da kişiselleştirmesine olanak tanıyan “Kendi Maceranı Seç” işlevselliğini yeniden yarattık. onların Spree mağazası.

Kritik Uygulamalarla Entegrasyon

Yeni Shopify Plus mağazasının işlevselliğini güvence altına almak ve sorunsuz, keyifli bir kullanıcı deneyimi sağlamak için 1Digital ^Ⓡ Agency, Paravel'in yeni mağazasını kritik iş uygulamalarıyla entegre etmek zorunda kaldı.

Diğer şeylerin yanı sıra Paravel'in müşterileri, Paravel'in YotPo aracılığıyla çizip görüntüleyebildiği ve onlar için sorunsuz bir şekilde entegre edilmesini sağladığımız incelemelere ve referanslara güvendi. Paravel ayrıca müşteri katılımı ve CRM için Zaius'un kullanımına büyük ölçüde güveniyordu, bu nedenle yukarıda bahsedilenlerin yanı sıra bu entegrasyonu da gerçekleştirdik.

Bunların yanı sıra Paravel, yalnızca RJ Metrics'in değil, Talkable'ın da sunduğu işlevsellikten yararlanır. Bu uygulamalar Paravel'in yöneticilerine değerli veriler sağlar ve güvenli tavsiye pazarlama programlarına izin verir.

1Digital ^Ⓡ Agency, yeni Shopify Plus web sitesini kodlayıp geliştirmenin yanı sıra tüm bu uygulamaları Paravel'in yeni mağazasına entegre etti. Kapsamı kapsamlı, geçiş ve gelişmiş özel geliştirme gerektiren bu projeyi hiçbir takılma olmadan sonuçlandırdık. Başka bir deyişle, müşteri işinde gereksiz kesintiler, trafik kaybı yaşamadı ve yeni geliştirilmiş bir mağazaya gelişmiş özel işlevsellik ile çok fazla sorun yaşamadan taşındı. Bunu yapmak, her ikisi de 1Digital ^Ⓡ'in iş akışımıza entegre ettiği deneyim ve kapsamlı süreçler gerektirir.

Eksiksiz Çözüm

Bazı sağlayıcılar, hizmetlerini bir veya iki yüksek düzeyde uzmanlaşmış hizmete ayarlar, ancak e-ticaret tüccarlarının karşılaştığı sorunların çeşitli olduğunu biliyoruz. Yalnızca geliştirme hizmetleri sunabilseydik, Paravel'i Spree'den çevrimiçi satıcılar için önde gelen e-ticaret platformlarından biri olan Shopify Plus'a taşıyamazdık. Benzer şekilde, kendimizi geçiş yapmakla sınırlasaydık, yeni mağazalarını istedikleri şekilde özelleştiremezdik.

Shopify Plus tasarım ve geliştirme hizmetleri, geçiş hizmetlerimizle eşleştirildiğinde bile, 1Digital ^Ⓡ Agency'nin sunduklarının yalnızca küçük bir görüntüsüdür. Shopify özel tasarım hizmetlerimize ek olarak, son derece rekabetçi, kapsamlı bir şekilde araştırılmış ve hedeflenmiş SEO ve PPC kampanyaları dahil olmak üzere kapsamlı dijital pazarlama kampanyaları da sunuyoruz.

Bu başarı öyküsü, Paravel'i Spree'den yeni geliştirilmiş bir Shopify Plus mağazasına ve gelişmiş işlevselliğe geçirebilmemize dayanmaktadır. Diğer e-Ticaret vaka incelemelerimizin çoğu, BigCommerce tasarımı ve geliştirmesi, benzer Magento hizmetleri ve dijital pazarlama kampanyaları gibi diğer e-Ticaret platformlarına odaklanır. Repertuarımıza bir göz atın ve çevrimiçi işinizin karşılaştığı sorunları nasıl çözebileceğimizi görmek istiyorsanız, bizi 888-982-8269 numaralı telefondan arayın.

PDF İndir