OSBSA Bilişim

Web tasarım hizmeti

Size bir site kuruyoruz: ziyaretçinin aradığını birkaç tıkta bulduğu, telefonda beklemeden açılan, içeriğini bizi aramadan güncelleyebildiğiniz bir site. Aşağıda ne yaptığımızı, neyin dahil olmadığını ve ne zaman bunun size gerekmediğini yazdık.
Size bir site kuruyoruz: ziyaretçinin aradığını birkaç tıkta bulduğu, telefonda beklemeden açılan, içeriğini bizi aramadan güncelleyebildiğiniz bir site. Aşağıda ne yaptığımızı, neyin dahil olmadığını ve ne zaman bunun size gerekmediğini yazdık.

Aslında ne satın alıyorsunuz?

Üç ayrı iş var. Birincisi bilgi düzeni: hangi bilgi hangi sayfada duracak, ziyaretçi nereden nereye gidecek. İkincisi görsel dil. Üçüncüsü de bunun tarayıcıda çalışan koda dönmesi.

Bu üçünden en çok atlanan birincisi. Güzel görünen ama ziyaretçinin aradığı şeyi bulamadığı siteler genellikle doğrudan görsele başlandığı için öyle oluyor.

Kurumsal bir sitede ölçü beğenilmek değil. Ziyaretçi teklif istedi mi, aradı mı, katalog indirdi mi. Tasarım kararlarını buna göre veriyoruz.

Neler dahil?

  • Keşif görüşmesi ve üç rakip sitenin birlikte incelenmesi
  • Sayfa listesi, menü yapısı ve adres şeması
  • Ana sayfa ile iç sayfa şablonları, paketteki revizyon turları
  • Kodlama: sunucu tarafında üretim, önce telefon sonra masaüstü düzeni
  • Erişilebilirlik kontrolü: klavye gezinimi, odak halkası, renk kontrastı
  • Görsellerin AVIF ve WebP'ye çevrilmesi, boyutlandırma, gecikmeli yükleme
  • Arama motoru kurulumu: tek H1, başlık sırası, sayfa başlığı ve açıklaması, yapısal veri
  • Ölçüm kurulumu: Search Console, GA4 ve isteğe bağlı Microsoft Clarity

Dahil olmayanlar: fotoğraf ve video çekimi, logo ile kurumsal kimlik tasarımı, metinlerin sıfırdan yazılması, alan adı ve barındırma bedeli. Bunlar gerekiyorsa teklifte ayrı satır olarak görürsünüz.

Hızı neye göre ölçüyoruz?

Gözle değil, Google'ın kullandığı üç ölçütle. Bunlar aynı zamanda sıralamaya giren sinyaller.

Core Web Vitals eşikleri ve proje hedefimiz
ÖlçütNe ölçerGoogle'ın 'iyi' eşiğiBizim hedefimiz
LCPEn büyük içeriğin görünme süresi2,5 sn altı2 sn altı · bu sitede ölçülen 1,6 sn
INPTıklamaya verilen yanıt gecikmesi200 ms altı200 ms altı
CLSYüklenirken düzenin kayma miktarı0,1 altı0,05 altı

Ölçümü tek seferlik test aracıyla değil, Search Console'daki gerçek kullanıcı verisiyle doğruluyoruz. Test skoru yüksek, sahadaki verisi kötü olan siteler çok yaygın.

Erişilebilirlik neden işin içinde?

Çünkü aynı düzeltmeler herkesin işine yarıyor. Yeterli renk kontrastı güneş altında telefona bakan için, klavye gezinimi faresi bozulan için, doğru etiketlenmiş form alanı da tarayıcının otomatik doldurması için gerekli.

Teslimden önce WCAG 2.2 AA ölçütlerini bir listeden geçiriyoruz: kontrast, görünür odak halkası, alternatif metinler, form etiketleri, başlık sırası ve hareket azaltma tercihine saygı.

Hazır tema mı, sıfırdan mı?

Her projeye sıfırdan arayüz kurmak gerekmiyor ve bunu söylemek işimize gelmese de doğrusu bu. Beş sayfalık bir tanıtım sitesi için özel geliştirme çoğu zaman gereksiz harcamadır.

Hazır temanın gerçek maliyeti ilk yıl değil ikinci yıl ortaya çıkar: tema ve eklenti güncelleme zinciri, taşınan kullanılmayan kod, tema sınırlarının dışına çıkma isteği. Bu üçü birikmiyorsa hazır altyapı sizin için doğru karardır.

Hangi durumda ne öneriyoruz
DurumunuzÖnerimiz
5-10 sayfa, standart akış, dar bütçeHazır altyapı üzerinde özelleştirme
Ürün kataloğu, filtreleme, teknik dokümanSıfırdan geliştirme
Bayi girişi, teklif akışı, gizli fiyatSıfırdan geliştirme
Markanın ayırt edici olması şartProjeye özel arayüz
Önce görünür olmak, sonra büyütmekHazır altyapı, kademeli geliştirme

Nerelerde çalışıyorsunuz?

Merkezimiz İstanbul. Yüz yüze görüşme gereken işlerde ağırlıklı alanımız Avrupa yakasının sanayi ve ticaret bölgeleri: İkitelli OSB, İstoç, Başakşehir, Kayaşehir, Halkalı, Küçükçekmece, Bahçeşehir, Avcılar, Beylikdüzü, Bakırköy, Florya, Şirinevler, Etiler ve Şişli.

Proje yönetimi uzaktan da yürüdüğü için başka illerden firmalarla da çalışıyoruz. Konum teslim kalitesini değiştirmiyor; değiştirdiği tek şey kaç kez aynı odada olduğumuz.

Eski sitemizde her ilçe için ayrı sayfa vardı ve hepsi aynı metnin kopyasıydı. Hangi bölgede neyin gerçekten değiştiğini /blog/istanbulda-web-tasarim-bolgeler adresinde yazdık.

Çalışma düzeni

Her projede aynı yedi adımı izliyoruz.

  1. 1. adım: Keşif görüşmesi

    Ne sattığınızı, kime sattığınızı ve siteden ne beklediğinizi konuşuyoruz. Mevcut siteniz varsa ekranda birlikte inceliyoruz.

    İhtiyaç notu

  2. 2. adım: Teklif ve sözleşme

    Kapsamı, teslim süresini, revizyon hakkını ve bedeli yazıya döküyoruz. Aynı belgede neyin dahil olmadığını da görürsünüz; imzalarken iki tarafın aklında aynı iş olsun istiyoruz.

    İmzalı teklif

  3. 3. adım: İçerik ve sayfa mimarisi

    Sayfa haritasını çıkarıyoruz, metin ve görsel envanterini topluyoruz. Eksik içerik varsa kimin yazacağını burada netleştiriyoruz.

    Sayfa haritası

  4. 4. adım: Tasarım

    Önce ana sayfayı çiziyoruz, onayınızı alınca iç sayfa şablonlarına geçiyoruz. Değişiklik isteyeceğiniz yer burası: kodlama başladıktan sonra tasarımı donduruyoruz.

    Onaylı tasarım

  5. 5. adım: Geliştirme

    Kodlama, yönetim paneli, formlar ve entegrasyonlar. Size bir ön izleme adresi veriyoruz; işin nerede olduğunu sormadan, açıp görebiliyorsunuz.

    Ön izleme adresi

  6. 6. adım: Test ve yayın

    Hızı, telefondaki görünümü, erişilebilirliği, form akışını ve eski adreslerin yönlendirmelerini tek tek deniyoruz. Bu liste temizlenmeden canlıya geçmiyoruz.

    Yayın raporu

  7. 7. adım: Teslim ve takip

    Paneli birlikte geziyoruz, Search Console ve analitik kurulumunu biz yapıyoruz. Yayından sonraki ilk dönemde sıralamayı ve hata kayıtlarını da biz izliyoruz.

    Eğitim ve ölçüm

Paketler

Bu hizmeti içeren kademeler.

Başlangıç

Görünür olmak için gereken asgari kurulum

Sabit rakamı yok

Fiyatı iki şey belirliyor: kaç sayfa olacağı ve metinleri kimin yazacağı. İkisini konuşmadan rakam vermiyoruz.

  • Ne iş yaptığınızı anlatan tanıtım sitesi: ana sayfa ve iç sayfalar
  • Telefondan bakan müşteri yakınlaştırmadan okur
  • Formu dolduran müşteri e-postanıza düşer, WhatsApp düğmesi de var
  • Adresinize yol tarifi haritadan tek dokunuşla açılır
  • Metni ve görseli Türkçe panelden kendiniz değiştirirsiniz
  • Tarayıcı adres çubuğunda "güvenli değil" uyarısı çıkmaz
  • Firma adınızla arandığınızda Google'da doğru başlık, açıklama ve adres görünür
  • Kim nereden geldi, Search Console ve Analytics ekranından izlersiniz
  • Görseller küçültülüp dönüştürülür, sayfa mobil veride de bekletmez
  • Klavyeyle gezilebilen, ekran okuyucuyla çalışan sayfalar
  • Teslimde paneli birlikte geziyoruz; alan adı, panel ve içerik sizin adınıza kalır
  • Blog ve haber bölümü
  • Ürün kataloğu ve teknik özellik tabloları
  • İkinci dil
  • Sepet, ödeme ve sipariş takibi
  • Size özel yazılım geliştirme
Kapsamı inceleyin
Önerilen paket

Kurumsal

Ürün kataloğu ve düzenli içerik üretenler için

Sabit rakamı yok

Fiyat kaç ürün gireceğinize ve tasarımın nereden başlayacağına göre değişiyor. Elinizdeki katalogla gelin, kalemi birlikte sayalım.

  • Başlangıç paketindeki her şey
  • Hazır tema değil, size çizilen tasarım: rakibinizle aynı görünmezsiniz
  • Ürün ve hizmet kataloğu: kategoriler, teknik özellik tabloları, indirilebilir PDF belgeler
  • Blog: yazdığınız her yazı aramada ayrı bir kapı açar
  • Yaptığınız işler vaka olarak anlatılır, referans sorusu görüşmede kapanır
  • Teklif formu adım adım ilerler, müşteri uzun formu görüp vazgeçmez
  • Sık sorulanlar, Google'ın cevap kutusuna çıkabilecek biçimde işaretlenir
  • Her sayfanın başlığı ve açıklaması ayrı ayarlanır, sayfalar birbirinin sırasını yemez
  • Eski sitenizin adresleri yenisine yönlendirilir, Google'daki sıranız sıfırlanmaz
  • Hız teslim şartı: yavaş 4G'de LCP 2,5 sn · INP 200 ms · CLS 0,05 altında
  • Ziyaretçi nerede takıldı: ısı haritası ve oturum kaydıyla izlenir
  • Yapay zekâ araçları sitenizi doğru okusun diye llms.txt ve tarayıcı politikası
  • İkinci dil
  • Sepet, ödeme ve sipariş takibi
  • Bayi paneli ve dış sistem entegrasyonu
Kapsamı inceleyin

Profesyonel

Satış, bayi yönetimi ya da entegrasyon gerekiyorsa

Sabit rakamı yok

Fiyatı entegrasyon sayısı belirliyor. Muhasebe bağlantısı tek başına ayrı bir iş, kargo bağlantısı ayrı; hangisinin gerçekten gerektiğini keşifte konuşuyoruz.

  • Kurumsal paketteki her şey
  • Sepet, sipariş, stok ve kupon: satış siteden yürür
  • Kartla ödeme 3D Secure ile alınır, kart bilgisi sizin sunucunuza hiç düşmez
  • Kargo bağlantısı: takip numarası siparişe kendiliğinden iliştirilir
  • Bayi, müşteri ve personel ayrı yetkilendirilir, kimse görmemesi gerekeni görmez
  • Bayiye özel fiyat listesi yalnız giriş yapan bayiye açılır
  • İkinci dil: yurt dışından gelen ziyaretçi kendi dilinde okur
  • Ön muhasebe, ERP ve e-fatura tarafıyla veri alışverişi (alan eşleme belgesiyle)
  • Mesafeli satış, iade, teslimat, KVKK ve çerez metinleri hazır gelir
  • Ürün sayfaları Google'da fiyat ve stok bilgisiyle görünebilir
  • Hangi ürün ne kadar sattı, hangi müşteri ne aldı: panelden rapor
  • Değişiklik önce test ortamında denenir, canlı satış kesilmez
Kapsamı inceleyin

Projeye Özel

Paketlere sığmayan işler

İş kurallarınız standart dışıysa, birden çok sistem konuşacaksa ya da mevcut bir yazılım devralınacaksa paket mantığı işlemiyor. Önce teknik kapsam belgesi çıkarıyoruz, fiyatı o belgedeki kalemler üzerinden veriyoruz. Kapsam görüşmesi ücretsiz.

Size uyan kademeyi seçip ne istediğinizi yazın; kapsamı netleştirip aynı gün yazılı teklif gönderelim. Teslim tarihini ve kaç tur revizyon yapacağımızı da o teklifte görürsünüz.

Sık sorulan sorular

Bir kurumsal web sitesi ne kadara mal olur?

Rakamı dört şey belirliyor: kaç farklı sayfa şablonu gerekiyor, tasarımı sıfırdan mı kuracağız, size özel bir yazılım yazacak mıyız ve metinleri kim yazacak. Sitede fiyat listesi yayımlamıyoruz, çünkü kapsamı bilmeden söylenen rakam ya fazlasını ya eksiğini kapsıyor. Bir telefon görüşmesinde bu dördünü konuşalım, aynı gün yazılı teklifi gönderelim. Paketlerin kapsamını /paketler sayfasında kalem kalem görebilirsiniz.

Aynı işe neden çok farklı fiyatlar veriliyor?

Çünkü teklifler aynı işi tarif etmiyor. Biri hazır tema kurulumunu anlatıyor olabilir, diğeri sıfırdan arayüz ve özel yazılımı. Karşılaştırmadan önce dört soruyu ikisine de sorun: tema mı kullanılıyor, kaç revizyon var, metinleri kim yazıyor, kod teslimde kimde kalıyor. Cevaplar tutmuyorsa rakamları yan yana koymanın anlamı yok.

Site yayına girdikten sonra yıllık hangi giderler oluyor?

Sabit olanlar: alan adı yenilemesi ve barındırma bedeli. SSL sertifikası çoğu kurulumda ücretsiz alınabiliyor, ayrı kalem olmuyor. Bunların dışındakiler tercihe bağlı: bakım anlaşması, aylık arama motoru çalışması, reklam bütçesi. Hangisinin sizin için gerekli olduğunu ilk görüşmede konuşup teklife ayrı satır olarak yazıyoruz.

Bakım anlaşması zorunlu mu?

Hayır. Anlaşma yapmasanız da siteniz çalışır, içeriğinizi panelden kendiniz değiştirirsiniz. Fark şurada: bakım varsa güncellemeler, yedek kontrolleri ve güvenlik yamaları siz fark etmeden yapılır. Yoksa bir sorun çıktığında bizi arar, iş bazlı ücret ödersiniz.

Google Ads için ne kadar bütçe ayırmalıyım?

Bunu sektörünüzdeki tıklama maliyeti belirliyor ve sektörler arasında ciddi fark var. Hesabınızı açıp anahtar kelimelerinize baktığımızda bir gün içinde gerçekçi bir aralık söyleyebiliriz. Şunu baştan netleştirelim: reklam bütçesi doğrudan Google'a sizin hesabınızdan gider, bizim gelirimiz sadece yönetim bedelidir.

Sitenizin durumuna birlikte bakalım

Adresinizi gönderin; hız, telefonda görünüm, başlık yapısı ve Google'da kaç sayfanızın olduğu için kısa bir değerlendirme yapıp yazalım.