Butik mağazanın web sitesi önce telefonda açılır. Müşteri sizi Instagram’da görür, profildeki bağlantıya dokunur ve site telefonun tarayıcısında yüklenir. Bu yüzden mobil uyumlu site, masaüstü sitenin küçük bir kopyası olmamalı; baştan telefon için düşünülmüş olmalı. Mobil tarafı bozuk bir site, Instagram reklamına verilen paranın tıklama anında boşa gitmesine yol açar.
Telefonla gelen ziyaretçi ne arıyor?
Sosyal medyadan gelen kişi genellikle üç şeyden birini arıyor: gördüğü ürünün fiyatı ya da detayı, mağazanın adresi ve çalışma saatleri, mağazaya ulaşma yolu (telefon, WhatsApp, yol tarifi). Bunları bulmak için kaydırma ve dokunma dışında bir şey yapmak istemez. Bu bilgilerden herhangi biri üç dokunuştan fazla uzaktaysa kullanıcı çıkar.
Kendi siteniz için şu testi yapın: telefonunuzu alın, sitenizi açın ve başka bir kişiden “mağazanın adresini ve telefonunu bul” demesini isteyin. Kaç saniyede buldu? On saniyeyi geçiyorsa düzen gözden geçirilmeli.
Mobil uyumun teknik kontrol listesi
Aşağıdaki maddeleri tek tek kontrol edin:
- Sayfa viewport etiketi içeriyor mu? Yoksa telefon sayfayı küçük bir masaüstü gibi gösterir
- Yazı boyutu, yakınlaştırma yapmadan okunacak kadar büyük mü? Gövde metni için 16 piksel makul alt sınır
- Düğmeler ve bağlantılar parmakla rahat basılacak büyüklükte mi? Dokunma alanı en az 44 piksel olmalı, birbirine yakın iki bağlantı yanlış basmaya yol açar
- Menü telefonda hamburger ya da alt çubuk olarak çalışıyor mu?
- Yatay kaydırma çıkıyor mu? Çıkıyorsa bir görsel ya da tablo taşıyordur
- Telefon numarası dokununca arıyor mu, adres harita açıyor mu?
Google’ın PageSpeed Insights aracı bu noktaların çoğunu ücretsiz tarar. Sonuçta kırmızı ya da turuncu çıkan maddeler öncelik listenizdir.
Hız: butikte görsel ağırlığı çözümün yarısıdır
Butik siteleri fotoğrafla yaşar, fotoğraf da sayfayı yavaşlatır. Telefonda hız sorununun çoğu görsel boyutundan gelir. Bir ürün fotoğrafını 4000 piksel genişliğinde yüklemek, telefonda 400 piksel gösterilecekse gereğinden kat kat fazla veri çekmek demektir. Çözüm: görselleri gerçek gösterim boyutunda saklayın, modern biçim (WebP ya da AVIF) kullanın, ekranın altındaki görselleri geç yükleyin (lazy loading). Bu ayarlar iyi kurulmuş bir sitede arka planda otomatik olur.
Yavaş sitenin bir bedeli de reklamdadır. Google Ads ve Meta reklamları site hızını doğrudan fiyatlamaz, ama reklamdan tıklayan kişi site açılmadan kapatırsa tıklama maliyetiniz yine yazılır.
Dokunmatik ekran için tasarım kararları
Fare ile gezen kişi imleci küçük bir noktaya götürebilir, parmak götüremez. Bu fark tasarımı değiştirir. Ürün kartları büyük ve tek sütunlu olsun, ya da iki sütunlu ama aralarında boşluk bırakılmış. Filtre ve beden seçimi alt çubuktan açılan bir panelle yapılsın. Açılır menüler küçük ok işaretleriyle değil, geniş satırlarla çalışsın. Form alanlarında telefon klavyesi doğru açılsın: telefon alanı sayı klavyesini, e-posta alanı @ işaretli klavyeyi çıkarsın.
Sabit bir WhatsApp ya da ara düğmesi (ekranın sağ altında) mobil butik sitesinde dönüşüm arttıran küçük ama etkili bir unsur. Bu düğme içeriği kapatmayacak kadar küçük, bulunacak kadar belirgin olmalı.
Sepet ve ödeme adımı telefonda sınanmalı
Ürün satan bir butik sitesinde en çok kayıp ödeme adımında olur. Telefonda uzun bir form, küçük alanlar ve her adımda yeniden yazılan adres bilgisi alışverişi yarıda bırakır. Misafir olarak satın alma seçeneği, adres alanlarının otomatik doldurulması ve ödeme sayfasında net bir “kargo ücreti” satırı bu kaybı azaltır. Siparişi kendi telefonunuzdan, mobil veriyle, baştan sona bir kez verin. Hangi adımda takıldığınızı kendiniz görürsünüz.
Ürün sayısı az ve satış mağazada olacaksa sepet kurmaya hiç gerek yoktur. Ürün fotoğrafları, fiyat bilgisi ve “WhatsApp’tan sipariş ver” düğmesi, butiğin ölçeğine daha iyi uyar.
Mağaza bilgileri ana sayfada kalmalı
Adres, çalışma saatleri, harita bağlantısı ve telefon, menünün arkasında değil sayfanın görünür bir yerinde olmalı. Google İşletme Profili bilgileriyle birebir aynı yazılmalı; farklı yazılan telefon ya da adres hem müşteriyi hem arama motorunu şaşırtır. Yerel aramalarda çıkmak istiyorsanız SEO çalışmasında bu tutarlılık önemli bir adımdır.
Mobil için mi masaüstü için mi önce tasarlamalı?
Mobil öncelikli tasarım (mobile-first), önce telefon ekranında en önemli içeriği sıralamak, sonra aynı içeriği büyük ekrana genişletmek demektir. Butik için ziyaretçilerin çoğunluğu telefondan geliyorsa, siteyi bu sırayla kurmak kararları da sadeleştirir. Her şeyi sığdırmaya çalışan bir masaüstü tasarımını küçültmek ise gizli bölümler ve sıkışık menüler çıkarır.
Eski siteyi yenilemek mi, sıfırdan yapmak mı?
Mevcut siteniz telefonda bozuksa iki yol var. Site güncel bir altyapıdaysa tema ve düzen yenilenebilir. Eski bir şablonun üstüne yamalarla ilerlenmiş, tek tek bölümü telefona uyduran bir site ise çoğunlukla sıfırdan yapmak daha ucuza gelir; çünkü her yama yeni bir bozulma getirir. Karar verirken şu soruya bakın: telefonunuzda sitedeki üç sayfayı gezin, düzeltme listesi on maddeyi geçiyorsa yeniden kurmak mantıklı.
Maliyet ve süre
Hızlı açılan, mobil öncelikli tek sayfalık site 15.000 ₺ + KDV ve 1-2 günde teslim edilir. Birkaç hizmeti ve sayfası olan butik için tanıtım sitesi 25.000 ₺ + KDV, 3-5 gün. Ürün satışı, ödeme ve kargo entegrasyonu gerekiyorsa teklife göre çalışıyoruz. Paket içerikleri fiyatlar sayfasında, hizmet ayrıntısı web tasarım sayfasında yazılı. İlk yıl hosting ücretsiz.
Mevcut sitenizi telefonda birlikte gözden geçirmek isterseniz iletişim sayfamızdan bize ulaşın ya da 0540 022 64 22 numarasını arayın.