hizmet · arayüz
> seokopat.render("marka")
Web Tasarım
Site, markanın en çok bakılan yüzü. Şablonla kurulduğunda da açılıyor, ama insanın aklında hiçbir şey bırakmıyor. Biz o kısımla uğraşıyoruz.
Bir siteyi güzel yapan şey efekt sayısı değil. Tipografi, boşluk, hiyerarşi ve hız. Bunlar oturmadığında eklenen her animasyon durumu daha da kötüleştiriyor; oturduğunda ise sade bir sayfa bile pahalı duruyor.
Tasarımı içerikten ayrı düşünmüyoruz. Sayfa şablonları, başlık hiyerarşisi ve iç link yapısı en baştan kuruluyor ki site büyüdükçe dağılmasın ve SEO tarafı sonradan yamanmasın.
Aynı ekip hem tasarlıyor hem yazıyor. Bu yüzden tasarım dosyasında güzel görünüp tarayıcıda çöken kurgular üretmiyoruz; her ekran gerçek cihazda, gerçek içerikle ve gerçek yükleme koşullarında test ediliyor.
Çalışmanın dört sütunu
Marka dili
Tipografi ölçeği, renk sistemi, hareket ritmi ve bileşen seti markaya özel kuruluyor. Hazır tema alıp rengini değiştirmek tasarım değil, kılık değiştirmek.
Hız
Görsel ve font yükleme stratejisi, gereksiz JavaScript'in ayıklanması, Core Web Vitals. Hız sonradan yapılan bir iyileştirme değil, tasarım kararlarının sonucu.
İçerik yapısı
Sayfa şablonları, başlık hiyerarşisi, iç link ve meta düzeni. Site yayına girdiğinde arama tarafı hazır olsun, üç ay sonra yeniden kurulmasın.
Erişilebilirlik ve bakım
Klavye ile gezinme, yeterli kontrast, semantik HTML. Ayrıca içeriği sizin güncelleyebileceğiniz bir yapı; her metin değişikliği için bize yazmak zorunda kalmayın.
Sahada en sık gördüklerimiz
Tema alındı, hız gitti
Her ihtiyaç için bir eklenti kurulmuş; sayfa açılışta onlarca istek yapıyor. Mobilde ilk görünen içerik saniyeler sonra geliyor ve ziyaretçi orada kalmıyor.
Tasarım güzel, yapı yok
Sayfalar tek tek çizilmiş, şablon kurulmamış. Yeni bir sayfa eklenmesi gerektiğinde düzen bozuluyor ve site zamanla birbirine benzemeyen ekranlar koleksiyonuna dönüşüyor.
Mobil sonradan düşünülmüş
Masaüstünde kurgulanan sayfa telefonda sıkışıyor: başlıklar taşıyor, butonlar parmak için küçük kalıyor, form doldurulamıyor. Trafiğin çoğunluğu ise mobilde.
Site açıldı, kimse güncelleyemiyor
Metin değişikliği bile geliştirici gerektiriyor. Sonuç: site donuyor, kampanya sayfaları hiç açılmıyor, blog boş kalıyor.
Görseller olduğu gibi yüklenmiş
Fotoğraf makinesinden çıkan dosyalar doğrudan siteye konuyor. Tek bir ürün sayfası birkaç megabayt ağırlığında ve bunun faturasını mobil ziyaretçi ödüyor.
Kapsam
Kapsam site türüne göre değişiyor. Kurumsal bir vitrin ile çok sayfalı bir e-ticaret aynı işi gerektirmiyor.
Tasarım
- Keşif, rakip taraması ve sayfa haritası
- Tasarım sistemi: tipografi, renk, bileşenler
- Anasayfa ve kritik şablonların tasarımı
- Hareket ve etkileşim dili
- Mobil düzenlerin ayrı tasarımı
Geliştirme
- Next.js ve React ile üretim
- Yeniden kullanılabilir bileşen kütüphanesi
- Form, arama ve filtre akışları
- Çok dil desteği
- Analytics ve dönüşüm olaylarının kurulumu
Performans
- Görsel ve font yükleme stratejisi
- Core Web Vitals iyileştirmesi
- Gerçek cihazda ölçüm, sadece lab testi değil
- Sayfa ağırlığı ve istek sayısı denetimi
Yayın ve devir
- İçerik girişi ve yönetim yapısı
- Eski adresler için yönlendirme planı
- Yayın kontrol listesi ve canlıya geçiş
- Ekip eğitimi, kaynak dosyaların devri
Nasıl çalışıyoruz
- 01
Keşif ve harita
Kime ne anlatmak istediğinizi ve sitenin hangi işi yapacağını konuşuyoruz. Sayfa haritası buradan çıkıyor; tasarıma harita netleşmeden başlamıyoruz.
- 02
Tasarım dili
Tipografi, renk ve bileşen seti kuruluyor. Onay tek tek sayfalar üzerinden değil, dil üzerinden alınıyor; böylece sonraki sayfalar hızlanıyor.
- 03
Şablon üretimi
Kritik şablonlar tasarlanıp koda geçiyor. İçerik gerçek metinlerle yerleşiyor, çünkü yer tutucu metinle alınan onay yayında bozuluyor.
- 04
Test
Gerçek cihazlarda görünüm, hız ve erişilebilirlik kontrolü. Formlar, hata durumları ve boş durumlar da test ediliyor.
- 05
Yayın ve devir
Yönlendirmeler, analytics ve arama tarafı kontrol listesiyle canlıya geçiyoruz. Ardından kaynak dosyalar ve kod size devrediliyor.
Kimin için
İyi eşleşiyoruz
- Şablon görünümünden çıkmak isteyen markalar
- Sitesi büyümüş, yapısı dağılmış işletmeler
- Hız ve mobil deneyim sorunu yaşayan e-ticaret siteleri
- Yeniden konumlanan veya yeni ürün ailesi çıkaran markalar
İyi eşleşmiyoruz
- Birkaç günde teslim bekleyen işler
- İçerik üretimine kimsenin zaman ayırmayacağı projeler
- Karar vericinin belirsiz olduğu, her ekranın ayrı onaya gittiği süreçler
- Sınırsız revizyon beklentisi olan çalışmalar
Neye bakıyoruz
Tasarımın işe yarayıp yaramadığı beğeniyle değil, bu başlıklarla anlaşılıyor.
Bu sitenin kendisi bizim işimiz
seokopat.com'da gördüğünüz kesintisiz WebGL yolculuğu bizim ürettiğimiz bir iş. Görsel ağırlığı hız sorununa dönmüşse Compresify devreye giriyor. Her proje bu ağırlıkta olmak zorunda değil; asıl mesele markanın ihtiyacına göre doğru dozu seçmek.
Çalışma modeli
Kapsam ve süre
Sayfa şablonu sayısı üzerinden fiyatlıyoruz; belirsiz sayfa sayısı yerine şablon mantığı iki taraf için de öngörülebilir oluyor. Tipik bir kurumsal site altı ile on hafta arasında sürüyor.
Ekip ve iletişim
Tasarımcı ve geliştirici aynı masada. Ara sürümleri canlı bir bağlantı üzerinden görüyorsunuz, geri bildirim tek yerde toplanıyor.
Teslim ve devir
Kod, tasarım kaynak dosyaları ve içerik yönetimi size geçiyor. Sonrasında bakımı biz sürdürebiliriz, siz de sürdürebilirsiniz.
Sık sorulanlar
Ne kadar sürer?
Kurumsal bir site genelde altı ile on hafta arasında. Süreyi belirleyen en büyük etken tasarım değil, içeriğin ne zaman hazır olduğu. İçerik hazırsa süre kısalıyor.
WordPress ile mi yapıyorsunuz?
Varsayılanımız Next.js. Ekibinizin alışkanlığı veya mevcut eklenti ihtiyacı WordPress'i gerektiriyorsa onu da yapıyoruz, ama neyin ne pahasına geldiğini önceden konuşuyoruz. Hız ve bakım maliyeti bu kararın merkezinde.
İçerikleri kim yazıyor?
Yapı ve brief bizden, metin sizden ya da birlikte. İstenirse yazımı da üstleniyoruz. Yer tutucu metinle tasarım onayı almıyoruz; gerçek metin tasarımı değiştirir.
Siteyi sonradan kendim güncelleyebilir miyim?
Evet, hedefimiz bu. İçerik alanları ve sayfa yapısı sizin güncelleyebileceğiniz şekilde kuruluyor, ekibinize kısa bir eğitim veriyoruz.
Mevcut sitemi yeniden yazmadan hızlandırabilir misiniz?
Çoğu durumda evet. Görsel ve font stratejisi, gereksiz script temizliği ve sunucu ayarlarıyla ciddi mesafe alınıyor. Yeniden yazım gerekiyorsa bunu ölçülebilir bir kısıt üzerinden söylüyoruz.
E-ticaret sitesi de yapıyor musunuz?
Yapıyoruz. Platform seçimi ve ürün veri yapısı e-ticaret danışmanlığı tarafıyla birlikte kararlaşıyor; tasarım o kararların üstüne kuruluyor.
Sitenizi birlikte konuşalım
Mevcut adresinizi ve sizi rahatsız eden şeyi yazın. İlk görüşmede yeniden tasarımın mı, yapısal bir düzenlemenin mi yoksa yalnızca hız çalışmasının mı gerektiğini söyleyelim.