OSBSA Bilişim

Web yazılım ve özel uygulama geliştirme

Tanıtım sitesi bilgi gösterir. Buradaki iş farklı: sipariş alan, stok düşen, teklif üreten, kimin neyi göreceğine karar veren bir uygulama yazıyoruz. Excel'de yürüyen bir süreciniz varsa konuşacağımız şey büyük ihtimalle bu.
Tanıtım sitesi bilgi gösterir. Buradaki iş farklı: sipariş alan, stok düşen, teklif üreten, kimin neyi göreceğine karar veren bir uygulama yazıyoruz. Excel'de yürüyen bir süreciniz varsa konuşacağımız şey büyük ihtimalle bu.

Bu size gerekmeyebilir

Özel geliştirme pahalıdır ve her firmanın ihtiyacı değildir. Sitenizde bilgi gösteriyor, form topluyor ve blog yazıyorsanız hazır bir içerik yönetim sistemi işinizi görür. Bunu söylemek bizim işimize gelmiyor ama yanlış yatırımı sonradan düzeltmek daha pahalı.

Ayıraç şu: sitede kural mı var, yoksa sadece içerik mi? Kullanıcıya göre değişen bir fiyat, bir yetki ya da bir hesaplama yoksa buraya kadar okumanız yeterli.

Tasarımdan farkı ne?

Tanıtım sitesinde bir sayfayı değiştirmek metni değiştirmektir. Burada bir kuralı değiştirmek, o kurala bağlı bütün ekranları, yetkileri ve raporları etkiler.

Bu yüzden işin yarısı kodlama değil, kuralların doğru yazılması. Kapsam belgesi çıkarmadan fiyat vermememizin sebebi de bu.

İki işin karşılaştırması
BaşlıkTanıtım sitesiÖzel uygulama
ÇıktıBilgi sunan sayfalarİş yapan uygulama
VeriMetin ve görselSipariş, stok, kullanıcı
KullanıcıZiyaretçiZiyaretçi ve yetkili kullanıcılar
Karmaşıklık ölçüsüSayfa sayısıİş kuralı ve rol sayısı
Test yüküGörünüm ve formKural, yetki, veri bütünlüğü
Bakımİçerik güncellemeKural değişikliği, sürüm yönetimi

Hangi teknolojiyle yazıyorsunuz?

Seçimi üç soruya göre yapıyoruz: uzun süre desteklenecek mi, yerini alacak geliştirici bulunur mu, arama motorları içeriği JavaScript çalıştırmadan okuyabiliyor mu.

Kullandığımız yığın
KatmanSeçimGerekçe
DilTypeScriptHatayı çalışma anında değil yazarken yakalar; devralacak geliştirici için kod okunur olur
Uygulama çatısıNext.js ve ReactSayfa sunucuda üretilir, ilk açılış hızlıdır, arama motorları içeriği doğrudan görür
Sunucu tarafıNode.js, Server Actions ve API rotalarıÖn yüz ve arka uç tek dil, tek depo; entegrasyon maliyeti düşer
VeritabanıPostgreSQL veya MariaDBİşlem güvencesi, ilişkisel bütünlük, yaygın barındırma desteği
Veri erişimiPrismaŞema tek dosyada, göç geçmişi izlenebilir, SQL enjeksiyonu riski azalır
DoğrulamaZodAynı kural hem formda hem sunucuda çalışır
Oturumİmzalı çerez, parolalar bcrypt ile saklanırParola düz metin tutulmaz, yetki sunucuda denetlenir
ArayüzTailwind CSS üzerine kendi bileşen setimizTema bağımlılığı yok, kullanılmayan stil taşınmaz
DosyaS3 uyumlu depolama, AVIF ve WebP dönüşümüBüyük dosyalar uygulama sunucusunu yormaz
YayınGit, otomatik derleme, ayrı test ortamıHatalı sürüm geri alınır, canlıya elle dosya atılmaz

Kullanmadıklarımız da listede olmalı: Flash, FrontPage, Fireworks ve klasik ASP bugünkü hiçbir projemizde yer almıyor. Bu araçlarla üretilmiş bir siteniz varsa yapılacak iş güncelleme değil, yeniden yazım.

Ne tür işler yapıyoruz?

  • Bayi ve servis panelleri: role göre fiyat, sipariş girişi, cari takibi
  • Ürün kataloğu ve teknik doküman yönetimi, varyant ve ölçü tabloları
  • Teklif akışları: formdan PDF teklife, onay ve revizyon takibi
  • Rezervasyon ve randevu sistemleri, kapasite ve hatırlatma
  • İç yönetim panelleri: talep, görev, doküman, yetki
  • Entegrasyonlar: ERP, ön muhasebe, kargo, e-fatura, sanal POS, pazaryeri
  • Devralma işleri: kod incelemesi, belgeleme, kademeli yenileme

Entegrasyon nasıl kuruluyor?

Entegrasyon, iki sistemin aynı veriyi iki kez girmeden konuşması demek. Projelerin en çok tıkandığı yer burası: karşı tarafın belgesi eksik oluyor, alan adları tutmuyor, hata durumunda ne olacağı yazmıyor.

Bu yüzden işi üçe bölüyoruz. Alan eşleme tablosu: hangi alan neye karşılık geliyor. Hata senaryoları: bağlantı koparsa, veri reddedilirse ne oluyor. Yeniden deneme mantığı. Üçü yazılı olmadan kod yazmaya başlamıyoruz.

  • ERP ve ön muhasebe: ürün, stok, cari, fiyat aktarımı
  • E-fatura ve e-arşiv: entegratör üzerinden belge oluşturma
  • Kargo: gönderi açma, barkod, takip numarası eşleşmesi
  • Ödeme: sanal POS veya ödeme kuruluşu; kart verisi bize hiç ulaşmaz
  • Pazaryeri: ürün ve stok eşitleme, sipariş çekme

Güvenlik tarafında ne yapıyoruz?

Güvenlik ayrı bir modül değil, her adımda uyulan bir alışkanlık. Asgari kurallarımız şunlar:

  • Tarayıcıdan gelen her veri sunucuda yeniden doğrulanır; istemci tarafı denetim sadece kullanıcı kolaylığıdır
  • Parolalar bcrypt ile özetlenir, hiçbir yerde düz metin tutulmaz
  • Yetki denetimi sunucuda yapılır; gizlenmiş bir buton yetki sınırı değildir
  • Giriş ve form uçlarında hız sınırlama, honeypot ve bot doğrulaması
  • Parametreli veritabanı sorguları, dosya yüklemede tür ve boyut kontrolü
  • Kart verisi hiçbir zaman bizim sunucumuza düşmez, ödeme sağlayıcının çerçevesinde kalır
  • KVKK gereği veri envanteri, saklama süresi ve silme prosedürü tanımlanır
  • Yedekleme kurulduktan sonra geri dönüş denenir; denenmemiş yedek yedek değildir

Yazılım kimin olacak?

Sistem sizin adınıza çalışıyor: alan adı sizin, panel erişimi sizde, içindeki veri sizin. Ürün, müşteri ve sipariş kayıtlarınızı istediğiniz an dışarı alabiliyorsunuz. Siteyi açık tutmak için bize yıllık lisans ödemiyorsunuz.

Kaynak kodun devri ayrı konuşuluyor. Bir yazılımın asıl maliyeti onu çalıştırmak değil, tasarlayıp yazmak ve belgelemek; o yüzden kod devri paket bedelinin içinde değil. İsteyen müşteriyle görüşmede konuşuyor, bedelini ve kapsamını sözleşmeye yazıyoruz. Sonradan sürpriz çıkmasın diye bunu baştan söylüyoruz.

Kod devri anlaşmaya bağlandığında teslim dosyasında Git deposu, veritabanı yedeği ve şema dosyaları, ortam değişkenleri listesi, üçüncü taraf servis hesapları, kurulum yönergesi ve bilinen eksiklerin listesi bulunur. Son maddeyi ayrıca yazıyoruz. Hiçbir yazılım eksiksiz teslim edilmez; dürüst olan eksiği kâğıda dökendir.

Ç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.

Kapsamı birlikte çıkaralım

Hangi süreci ekrana taşımak istediğinizi anlatın; ekran listesi, veri modeli ve iş kuralı taslağını çıkarıp fiyatlayalım. Bu görüşme ücretsiz.