Sponsorumuz · Web sitesi yeniden tasarımı
gpscom.gr, sıfırdan yeniden kuruldu.
GPScom, 2001'den beri Selanik'ten GPS takip cihazları, filo telematiği ve telsiz satıyor. Eski mağaza tasarımının yerine sıfırdan yeni bir tasarım koyduk; altındaki kataloğu, dilleri, aramayı, gönderimi ve hızı da mağazayı çevrimdışı bırakmadan yeniden yazdık.
Ekim 2026'dan beri gpscom.gr'de yayında, Yunanca ve İngilizce.
- CS-Cart
- Desktop
- Mobile
- Greek · English
- Light & dark
- 14 cihaz ailesi genelinde yapılandırılmış özellikler verilen ürün
- 1.107
- anasayfadan ödemeye yeniden tasarlanan sayfa şablonu
- 83
- mağazaya taşınan ve WebP'ye dönüştürülen açıklama görseli
- 5.736
- artık ağırlığa göre gönderim fiyatı olan AB ülkesi
- 27
Yeni gpscom.gr
Bugün yayında olan mağazadan masaüstü ve telefon ekran görüntüleri.
Ana sayfa 
Filtreli kategori 
Ürün sayfası 
Telsizler 
Blog 
İngilizce mağaza
Telefonda ana sayfa 
Telefonda ürün sayfası
Ne değişti
Eski site ve yeni site, alan alan.
Tasarım
Önce Üçüncü taraf bir mega menü ve koda gömülü alt bilgi bağlantılarıyla hazır bir CS-Cart teması.
Şimdi Açık ve koyu temalı kendi tasarım sistemimiz; yeni bir üst bilgi, mega menü ve mağazanın kendisinin düzenlediği alt bilgi menüleri.
Telefonlar
Önce Küçültülüp sığdırılmış masaüstü sayfaları.
Şimdi Menü, arama, sepet, hesap ve iletişim için alt sekme çubuğu; her dokunma hedefi en az 44 px.
Ürün sayfaları
Önce 150 karakterin altında 533 açıklama ve başka sitelerden doğrudan bağlanmış 5.032 görsel.
Şimdi Yeniden yazılmış açıklamalar, hızlı özellik kartları, 1.107 üründe karşılaştırılabilir özellikler ve mağazadaki her görsel WebP olarak.
Arama
Önce Aramalar sonuç döndürmüyordu.
Şimdi Kendi sıralamalı arama dizinimiz ve kenar çubuğunda filtreler.
İngilizce
Önce 750 İngilizce arayüz etiketi Yunanca görünüyordu ve Yunanca adresler bazen İngilizce sunuluyordu.
Şimdi Ödeme, e-postalar, sipariş durumları, formlar, menüler, filtreler ve 16 içerik sayfası İngilizce; her adres için tek dil.
Hız
Önce Anasayfadaki 410 görselin 391'i PNG'ydi; 3,9 MB'lık sayfanın 2,5 MB'ı bunlardı, ayrıca Yunanca harfleri olmayan 131 KB'lık bir web yazı tipi vardı.
Şimdi Otomatik sunulan WebP, duyarlı görsel boyutları, Yunanca destekli 51,5 KB'lık kendi barındırdığımız yazı tipi, Brotli sıkıştırma ve ertelenen üçüncü taraf betikleri.
Fiyat ve gönderim
Önce Yuvarlama, 69,00 € gösterilen bir üründen 69,01 € tahsil edebiliyordu ve AB siparişlerinde gönderim fiyatı yoktu.
Şimdi Fiyatlar KDV dahil saklanır; böylece raftaki fiyat tahsil edilen fiyattır ve 27 AB ülkesinin hepsine ağırlığa göre gönderim yapılır.
Bülten
Önce Kayıtlar saklanıyordu ama hiçbir e-posta teslim edilmiyordu.
Şimdi Yeni bir kayıt penceresi ve karşılama e-postası; mağazanın kendi posta sunucusundan gönderilir.
Alışveriş yapanlar artık neler alıyor
Markaya uyan bir tasarım
Her yerde, açık ve koyu temada kullanılan kapalı bir renk, boşluk ve yarıçap kümesi; kontrast erişilebilirlik yönergelerini karşılayacak şekilde artırıldı.
Doğru cihazı hızla bulun
Çalışan arama, kullanıma göre filtreler (otomobil, tekne, evcil hayvan, kamyon…) ve Google'ın dizinleyebildiği 51 filtre sayfası.
Karşılaştırabileceğiniz özellikler
Her takip cihazında pil, ağırlık, ağ ve coğrafi sınır bir bakışta; tüm katalogda normalleştirilmiş özellikler.
Daha net bir ödeme
Her ödeme adımı yeniden tasarlandı; önerilen aksesuarlar, net gönderim seçenekleri ve buna uygun yeniden biçimlendirilmiş sipariş e-postaları.
Yunanca ve İngilizce
Ödeme ve gönderim yöntemleri, durumlar, e-postalar ve blog yazıları dahil mağazanın tamamı iki dilde.
Telefonlar için yapıldı
Alt sekme çubuğu, ekran dışı menü ve 320, 390, 768 ve 1440 px genişlikte yana kaydırma olmadan denetlenmiş yerleşimler.
Nasıl yeniden kurduk
Mevcut CS-Cart mağazasının üzerine yeni bir tema ve özel bir eklenti; siparişler, müşteriler ve entegrasyonlar boyunca çalışmaya devam etti.
Yeni bir tema
Kendi tasarım belirteçleri, 25 stil dosyası ve 83 şablon geçersiz kılmasıyla özel bir CS-Cart teması. İnce bir sıfırlama katmanı, platformun temel stillerinin yeni tasarıma sızmasını engeller.
- CS-Cart
- LESS
- Smarty
- Design tokens
Özel bir eklenti
Eklentimiz üst bilgiyi, alt bilgiyi, hero ve ana sayfa bloklarını, arama dizinini, bülteni ve dizinlenebilir filtre sayfalarını tutar; böylece mağaza içeriği kendi yönetim panelinden güncelleyebilir.
- PHP
- CS-Cart add-on
- JavaScript
Katalog araçları
Kataloğu denetleyen ve onaran 100'den fazla betik: özellikler, açıklamalar, SEO alanları, etiketler, ağırlıklar, görsel yerelleştirme ve WebP dönüşümü; hepsi yeniden çalıştırılabilir.
- PHP
- MySQL
- WebP
Diller ve SEO
Veritabanından gönderilen ve çekilen çeviri dosyaları, hreflang ile her adres için tek dil, yeniden yazılmış bir robots.txt ve katalogdan üretilen bir llms.txt.
- hreflang
- robots.txt
- llms.txt
Ödeme ve gönderim
KDV dahil fiyatlandırma, ağırlığa göre AB gönderim bölgeleri, yasal şirket adını döndüren KDV numarası denetimleri ve siparişi adıyla anan ödeme açıklamaları.
- VIES
- Viva Wallet
- UPS zones
Hız ve güvenlik
Daha hızlı, daha güvenli, işletmesi daha kolay
Tasarımın arkasındaki iş: görseller, yazı tipleri, önbellekleme, güvenlik başlıkları ve hazırlık kopyasından canlı mağazaya geçiş.
- Tarayıcı destekliyorsa görseller otomatik olarak WebP sunulur
- Yunanca harfleri olmayan bir web yazı tipi yerine kendi barındırdığımız Yunanca ve Latin yazı tipi
- Geri dönen ziyaretçilerin her zaman güncel tasarımı alması için Brotli sıkıştırma ve önbellekleme kuralları
- Güvenlik başlıkları: HSTS, nosniff, yönlendiren ve izin politikaları ve özel dosyaların kilitlenmesi
- Varsayılan cron parolaları değiştirildi ve bir ödeme kimlik bilgisi artık siparişlerde saklanmıyor
- Hazırlık kopyasından canlı mağazaya betikli, geri alınabilir bir geçiş
Yol boyunca düzelttiğimiz sorunlar
Yeniden tasarım, ziyaretçilerin hiç görmediği şeyleri düzeltmenin de tam zamanıdır. Sayılar eski sitede ölçtüklerimizdir.
Eski bir platformda yeni bir tasarım
- Sorun
- Mağaza CS-Cart üzerinde çalışır ve temel stilleri ızgarayı, formları ve tüm ödemeyi kapsar: tek bir ürün sayfası sınıflarının 108'ini kullanır. Bunları bırakmak mağazayı yeniden yazmak demek olurdu.
- Ne yaptık
- Tabanı tuttuk ve yalnızca yeni işaretlemeye sızan kuralları etkisiz kılan, yeni bileşenlerle sınırlı bir sıfırlama katmanı ekledik.
Sonuç Her CS-Cart özelliği, eklentisi ve entegrasyonu çalışmaya devam ederken tamamen yeni bir görünüm.
1.107 ürünlük bir katalog
- Sorun
- Özellikler serbest metinde duruyordu, 640 kısa açıklama yalnızca ürün adıydı ve ürünlerin yalnızca %8'inde etiket vardı.
- Ne yaptık
- Betikler özellikleri ayıklayıp 14 cihaz ailesine normalleştirir, kısa açıklamalar, SEO alanları ve etiketler yazar ve ürün eklendikçe yeniden çalıştırılabilir.
Sonuç Tüm katalogda karşılaştırılabilir özellikler ve filtreler.
Başkasına ait görseller
- Sorun
- 5.736 açıklama görselinin 5.032'si başka web sitelerinden yükleniyordu; dolayısıyla her an bozulabilir ya da yavaşlayabilirdi.
- Ne yaptık
- Her görsel mağazaya indirildi, WebP'ye dönüştürüldü ve aşırı büyük olanlar 3,6 ila 7,7 kat küçültüldü.
Sonuç 5.736 görselin hepsi artık doğrudan gpscom.gr'den yükleniyor.
Her adreste doğru dil
- Sorun
- Platform dili tarayıcıdan tahmin ediyordu; bu yüzden Yunanca sayfalar İngilizce sunulabiliyordu. Bu, alışveriş yapanları şaşırttı ve Google için 1.377 sayfadaki dil sinyallerini bozdu.
- Ne yaptık
- Her adres için tek dil, geri getirilen 750 İngilizce etiket ve çevrilen ödeme, e-postalar, durumlar ve sayfalar.
Sonuç Yunanca mağazanın yanında doğru hreflang ile eksiksiz bir İngilizce mağaza.
Tam olarak gösterilen tutar tahsil edilir
- Sorun
- Fiyatlar KDV'den önce saklanıyordu; bu yüzden yuvarlama, rafta 69,00 € olanı ödemede 69,01 €'ya çevirebiliyordu.
- Ne yaptık
- Tüm kataloğu sabit hassasiyetle KDV dahil fiyatlara taşıdık.
Sonuç Sayfadaki fiyat, tahsil edilen fiyattır.
Hiç sunulmayan bir düzeltme
- Sorun
- CS-Cart derlenmiş CSS'ini içeriğe göre değil dosya adlarına göre adlandırır; bu yüzden bir değişiklik eski paketi yerinde bırakabilir. Bir müşteri lansmandan sonra hâlâ “eski web sitesini” görüyordu.
- Ne yaptık
- Sayfalar ve paketler artık her ziyarette yeniden doğrulanıyor, bir araç tarayıcıları güncel pakete zorluyor ve her değişiklik, tamamlandı sayılmadan önce sunulan CSS'te doğrulanıyor.
Sonuç Her ziyaretçi güncel tasarımı görür.
Bir ürün gibi denetlendi
- Her sayfa başsız bir tarayıcıda ölçüldü: 320, 390, 768 ve 1440 px genişlikte yana taşma yok
- Dokunma hedefleri en az 44 × 44 px, sayfa başına bir h1 ve atlanmış başlık düzeyi yok
- Bileşen stillerinde yalnızca tasarım sistemi renklerine ve boşluklarına izin var
- Ürün içeriği, sayfalar ve açıklama işaretlemesi için denetim betikleri ve her değişiklikten sonra temiz bir sunucu hata günlüğü
Teknoloji
- CS-Cart
- PHP
- Smarty
- LESS
- MySQL
- JavaScript
- WebP
- Brotli
- Viva Wallet
- VIES
UniMarket: Bangladeş için iki dilli, çok satıcılı bir pazaryeri
Mağazanızın böyle yeniden kurulmasını ister misiniz?
Çevrimiçi mağazaları işi durdurmadan yeniden tasarlıyor ve modernleştiriyoruz: tasarım, katalog, diller, hız, SEO ve ödeme.