WhatsApp'tan yazın · +90 (547) 007 54 24
Yazmak yerine konuşmak mı istersiniz?

Katman 03 · Yazılım & Web

Kişiye Özel Web Sitesi

Şablon temaların sınırlarını kırıp, markanızın hissini birebir yansıtan bir web deneyimi kuruyoruz. Her piksel sizin için çizilir; animasyonları, renkleri ve akışı sizin için kurgularız. Hedef: ziyaretçiyi müşteriye çevirmek.

Son güncelleme:
Resmi Shopify Partner

Ne kazandırır

Bu hizmetin size kattıkları

Markaya Özgü Tasarım

Sıfırdan çizilmiş arayüz. İnternetteki diğer hiçbir siteye benzemez.

Mobilde Kusursuz

Her ekranda akıcı çalışan, dokunmatik deneyime özel optimize edilmiş tasarım.

SEO Temelleri Hazır

Teknik SEO, hız optimizasyonu ve anlamlı URL yapısı site teslimatında standart.

Hızlı ve Hafif

Modern framework ile milisaniyelerde açılan sayfalar. Google Core Web Vitals dostu.

Ayrıntılar

Kişiye Özel Web Sitesi hakkında ayrıntılar

Kısa cevap

Özel web sitesi tasarımı, hazır bir tema satın alıp içeriğini değiştirmek yerine arayüzün sizin iş modelinize göre çizilip sıfırdan kodlanmasıdır. Sayfa düzeni, içerik türleri ve ziyaretçi akışı şablonun izin verdiği kalıba değil, sattığınız şeye göre kurulur. Şablon hızlı ve ucuzdur; özel tasarım, ziyaretçiye anlatmanız gereken şey standart bir kalıba sığmadığında karşılığını verir.

Web sitesi teklifi alan hemen herkes aynı iki cümleyi duyar: biri "size özel tasarlıyoruz", diğeri "hazır temayı markanıza uyarlıyoruz". Aradaki fark çoğu zaman fiyat farkı olarak sunulur, oysa asıl fark bütçede değil, sitenin bir yıl sonra ne kadar esneyebileceğindedir. Bu sayfa, o farkın nerede başladığını ve hangi işletmede hangisinin akılcı olduğunu anlatıyor.

Peşinen söyleyelim: her işletmenin özel tasarıma ihtiyacı yok. Şablon sitenin doğru cevap olduğu durumlar gerçek ve az değil. Bu sayfayı, size hangisinin gerektiğine karar verebilesiniz diye yazdık; ikna metni olarak değil.

Şablon site ile özel web sitesi tasarımı arasındaki gerçek fark

Hazır tema, binlerce farklı işletmede çalışacak şekilde tasarlanmış bir kalıptır. İçerik alanları önceden tanımlıdır ve siz metinlerinizi bu alanlara yerleştirirsiniz. Özel tasarımda sıra terstir: önce anlatmanız gereken şey belirlenir, alanlar ona göre tanımlanır. Bu tersine çevirme, sonuçta üç somut farka yol açar.

Birincisi bilgi hiyerarşisi. Şablonda ekranın ilk görünen bölümü genelde büyük bir görsel ve tek cümlelik bir slogandır; çünkü kalıp öyle kurulmuştur. Oysa bazı işlerde ilk görünmesi gereken şey bir fiyat aralığı, bir kapsam listesi ya da bir güven unsurudur. İkincisi içerik türü. Bir hizmet karşılaştırma tablosu, çok adımlı bir hesaplama formu veya projeye göre değişen bir vaka anlatımı şablonda ya hiç yoktur ya da eklenti üstüne eklentiyle kurulur. Üçüncüsü bakım yükü. Şablona yapılan her müdahale, temanın bir sonraki güncellemesiyle çakışma riski taşır; müdahale sayısı arttıkça tema güncellemesi bir bakım işine dönüşür.

KriterHazır temaÖzel tasarım
Başlangıç maliyetiDüşükYüksek
Yayına çıkma süresiKısaTasarım ve içerik onaylarına bağlı, daha uzun
Sayfa düzeniKalıbın izin verdiği kadarİçeriğe göre tanımlanır
Standart dışı içerikEklenti veya kod müdahalesi gerekirBaştan planlanır
Yüklenen kodKullanılmayan özellikler de gelirYalnızca kullanılan
Görsel benzerlik riskiAynı temayı kullanan başka siteler olabilirYok
Değişiklik esnekliğiTema sınırları içindeSınır, bütçe ve zaman
Sonraki yılın bakımıTema güncellemeleri takip edilmeliKendi kodunuz, dış güncellemeye bağlı değil

Şablonun sınırı nerede başlar

Pratikte şablon şu üç noktada tıkanır. Birincisi, satışın anlatıya bağlı olduğu işlerdir: ürün fotoğrafı ve fiyat listesi yeterli olmuyor, sürecin kendisini anlatmak gerekiyorsa. İkincisi, ziyaretçiden veri toplanan işlerdir: teklif formu birden fazla adımdan oluşuyor, önceki cevaba göre sonraki soru değişiyorsa. Üçüncüsü, içeriğin türü standart dışıysa; örneğin projeler, ekipler, sertifikalar ve hizmetler birbirine bağlı şekilde listeleniyorsa. Bu üçünden biri varsa şablon üzerinde çalışmak, uzun vadede özel tasarımdan pahalıya gelir.

Hangi işletmede şablon yeter, hangisinde kişiye özel web sitesi mantıklı

Karar için üç soru genelde yeterli oluyor: ziyaretçi sizi bilerek mi arıyor yoksa tesadüfen mi buluyor, sattığınız şeyi anlatmak kaç adım sürüyor, ve site iş getirmenin ana kanalı mı yoksa destekleyici bir vitrin mi.

DurumÖnerilen yolGerekçe
Yeni kurulan işletme, sitenin görevi güven vermek ve iletişim kurmakHazır temaBütçe reklama ve içeriğe gitmeli; site hızla yayında olmalı
Hizmeti anlatmak birden fazla adım gerektiriyor, teklif süreci uzunÖzel tasarımAnlatının sırası satışın kendisidir, kalıba sığmaz
Yüksek fiyat aralığı, markanın kendisi satın alma sebebiÖzel tasarımVitrinin başka sitelere benzemesi doğrudan itibar kaybı
Ürün satışı ağırlıkta, katalog standartE-ticaret altyapısı ve temaVitrin değil, katalog ve operasyon belirleyici
Kurumsal yapı, çok sayfa, çok dil, düzenli içerik yayınıKurumsal site kurgusuTasarımdan çok bilgi mimarisi ve içerik yönetimi işi
Ziyaretçiden çok adımlı veri toplanıyor, hesaplama veya başvuru varÖzel tasarım veya özel yazılımForm mantığı arayüzün değil, iş kuralının konusu

Ürün satışı ağırlıklıysa konuyu tasarımdan önce altyapı tarafında çözmek gerekir; stok, ödeme ve kargo akışının tek panelde toplanmasını e-ticaret altyapısı sayfasında anlattık. Vitrinin belirli bir platform üzerinde kurulması gerekiyorsa Shopify tema geliştirme tarafı ayrı bir başlıktır.

Kurumsal web sitesinden farkı nedir?

Bu ikisi sıklıkla aynı şey sanılır, oysa farklı problemleri çözerler. Kurumsal site bir bilgi mimarisi işidir: çok sayıda sayfa, ekip ve kariyer bölümleri, çok dillilik, düzenli yayımlanan içerik ve bunların hepsini kod bilmeden yönetebilecek bir panel. Tasarım burada tutarlılık üretmek için vardır; her sayfa aynı dilin parçası olmalıdır.

Kişiye özel web sitesi ise bir anlatım işidir. Sayfa sayısı az olabilir ama her ekran belirli bir tepkiyi hedefler; animasyon, boşluk kullanımı ve akış sırası kararların merkezindedir. Bir işletmenin ikisine birden ihtiyacı olabilir; o zaman kurumsal iskelet kurulur ve içinden birkaç sayfa özel olarak ele alınır. Kurumsal tarafın kapsamını, sayfa listesini ve çok dillilik kararlarını kurumsal web sitesi sayfasında, karar kriterlerini ise kurumsal web sitesi rehberinde ayrıntılandırdık.

Web sitesi yaptırmak: hangi işi kim yapar

Projelerin gecikme sebebi çoğunlukla tasarım veya kod değildir; kimin neyi getireceğinin baştan yazılmamış olmasıdır. Web sitesi yaptırmak, bir dosya teslim almak değil, birlikte yürütülen bir iştir. Aşağıdaki dağılım standart çalışma şeklimizdir ve teklif aşamasında yazılı hâle getirilir.

İşKim yaparNot
Sayfa listesi ve içerik haritasıBirlikteTasarımdan önce onaylanır
Metin yazımıSiz veya bizKapsama dahil edilebilir; en sık gecikme kalemi budur
Marka görselleri ve fotoğrafSizYoksa stok görsel veya çekim ayrıca planlanır
Arayüz tasarımıBizAnahtar sayfalar önce onaylanır
Geliştirme ve mobil uyumBizForm, doğrulama ve hata durumları dahil
Alan adı ve barındırmaSiz adınıza, kurulumu bizHesaplar sizin mülkiyetinizde kalır
Ölçümleme kurulumuBizAnalitik ve form dönüşümü takibi
Yayın sonrası içerik güncellemeSizPanel eğitimi teslimde verilir

Teklif karşılaştırırken bakılacak asıl yer fiyat satırı değil, bu tablonun karşılığıdır. Aynı rakamı veren iki teklifin biri metin yazımını ve ölçümlemeyi kapsıyor, diğeri kapsamıyor olabilir. Teklif ve sözleşme aşamasında nelere dikkat edileceğini yazılım projesi yaptırmak yazısında madde madde topladık.

Özel tasarım web sitesi fiyatını belirleyen kalemler

Bu sayfada rakam bulamayacaksınız, çünkü kapsamı konuşmadan verilen rakam ya sonradan daralan bir kapsama ya da ek kalemlere dönüşüyor. Bunun yerine fiyatı gerçekten neyin oynattığını yazalım:

  • Benzersiz tasarlanan sayfa sayısı. Yirmi sayfalık bir sitede beş farklı kalıp varsa, iş beş sayfalıktır. Fiyatı sayfa adedi değil, farklı kalıp adedi belirler.
  • Etkileşim ve animasyon yoğunluğu. Kaydırmaya bağlı geçişler, sürüklenebilir alanlar ve özel imleç davranışları hem tasarım hem test süresini uzatır.
  • İçerik yönetiminin derinliği. Yalnızca metin değiştirmekle, bölümleri sürükleyip yeniden sıralamak arasında ciddi bir geliştirme farkı vardır.
  • Çok dillilik. İkinci dil yalnızca çeviri değildir; adres yapısı, dil değiştirici, tarih ve sayı biçimleri ve arama motoruna hangi dilin hangi ülkeye ait olduğunu bildiren işaretlemeler de işin parçasıdır.
  • Form ve entegrasyon sayısı. Basit iletişim formu ile CRM'e kayıt açan, doğrulama yapan ve otomatik e-posta gönderen bir akış aynı iş değildir.
  • İçerik ve görsel üretimi. Metin yazımı, fotoğraf çekimi ve ikon üretimi kapsamdaysa bunlar ayrı kalemlerdir.
  • Teslim sonrası bakım. Aylık bakım, düzeltme ve küçük geliştirme paketi ayrı fiyatlanır; sözleşmede süresi ve kapsamı yazılı olmalıdır.

Özel tasarım hız ve arama motoru tarafını bozar mı?

Yaygın endişe şudur: hazır temalar zaten optimize edilmiş gelir, sıfırdan yazılan site geride kalır. Gerçek bunun tersine de işleyebilir. Hazır temalar çok sayıda senaryoyu desteklemek zorunda olduğu için kullanmayacağınız betikleri ve stilleri de yükler; özel geliştirmede sayfaya yalnızca o sayfanın ihtiyacı olan şey girer.

Ancak bu otomatik bir kazanç değildir, sorumluluğun geliştiriciye geçmesidir. Özel tasarım bir projede şu maddelerin teslim kapsamında olması gerekir: anlamlı ve kalıcı adres yapısı, başlık hiyerarşisi, her sayfa için ayrı başlık ve açıklama etiketi, site haritası ve robot dosyası, görsellerin modern formatta ve doğru boyutta üretilmesi, yapısal veri işaretlemesi ve eski siteden geliyorsanız 301 yönlendirme listesi. Bu maddeler sözleşmede yoksa, sitenin teknik olarak temiz çıkacağının garantisi de yoktur.

İçeriği kim günceller

"Her şeyi kendim değiştirebileyim" isteği makul görünür ama uygulamada iki tarafı vardır. Her alanı düzenlenebilir yapmak, altı ay içinde tasarımın bozulmasıyla sonuçlanır; hiçbir alanı açmamak ise her küçük değişiklik için ajansa bağımlılık üretir. Doğru orta yol, düzenli değişen içeriği açmak ve düzeni belirleyen yapıyı kilitli tutmaktır.

  • Açılan alanlar: metinler, görseller, blog yazıları, referanslar, ekip, sık sorulan sorular, iletişim bilgileri.
  • Kilitli kalan alanlar: bölüm düzeni, tipografi ölçeği, renk paleti, boşluk sistemi.
  • Talebe göre açılabilen: ana sayfa bölümlerinin sırası, kampanya şeridi, öne çıkarılan içerikler.

Teslim sonrası: sahiplik ve bağımlılık

Bir web sitesi projesinde en çok sonradan sorun çıkaran konu teknik değil, mülkiyet konusudur. Alan adı kimin adına kayıtlı, barındırma hesabına kim erişiyor, kaynak kod nerede duruyor ve panel yöneticisi kim? Bu dört sorunun cevabı sizde olmalı. Bizim çalışma şeklimizde alan adı ve barındırma sizin adınıza açılır, kaynak kod ve dokümantasyon teslim edilir, yönetici hesabı size verilir.

Bunun anlamı, ileride başka bir ekiple devam etmeye karar verirseniz bunu yapabilmenizdir. Bir ajansla çalışmaya devam etmenin sebebi, işin iyi yürümesi olmalı; dosyalara erişememek değil.

Sık yapılan hatalar

  • Tasarımı içerikten önce onaylamak. Metinler hazır olmadan çizilen tasarım, gerçek içerik geldiğinde dağılır. Bu yüzden içerik haritası tasarımdan önce onaylanır.
  • Beğeni üzerinden karar vermek. "Bu rengi sevmedim" geri bildirimi işe yaramaz; "buradaki mesaj müşterimin ilk sorusunu cevaplamıyor" işe yarar. Tasarım incelemesini estetik değil, hedef üzerinden yapın.
  • Mobili sonraya bırakmak. Ziyaretin büyük bölümü telefondan geliyorsa, masaüstünde iyi duran ama mobilde sıkışan bir tasarım hatalı tasarımdır.
  • Eski adresleri yönlendirmeden yayına geçmek. Yenilenen sitelerde trafik düşüşünün en sık sebebi budur ve genellikle aylar sonra fark edilir.
  • Yayını bitiş sanmak. Site yayına alındığında iş bitmez; form gönderimlerinin geldiği, hangi sayfada terk edildiği ve hangi içeriğin okunduğu izlenmeye başlar.
  • Uygulamayla siteyi karıştırmak. Bazı ihtiyaçlar web sitesiyle değil mobil uygulamayla çözülür; ikisinin hangi durumda tercih edildiğini web sitesi mi mobil uygulama mı yazısında karşılaştırdık.

Kararınız hangi yönde olursa olsun, ilk konuşmada sizden istediğimiz tek şey var: sitenin ziyaretçiye yaptırmasını istediğiniz o tek eylemi tarif edin. Teklif form doldurmak mı, telefon açmak mı, ürün satın almak mı, yoksa sizi ciddiye almasını sağlamak mı? Tasarımın geri kalanı bu cevabın etrafında kurulur.

Özel web sitesi tasarımı süreci nasıl işler

Brief alınmasından yayına almaya kadar özel tasarım bir web sitesinin hangi adımlardan geçtiği, her adımda sizden ne beklendiği ve onayların nerede verildiği.

  1. 01

    Brief ve rakip incelemesi

    Ne sattığınızı, kime sattığınızı ve ziyaretçinin sitede yapmasını istediğiniz tek şeyi konuşuyoruz. Rakiplerinizi ve beğendiğiniz siteleri birlikte açıp neyi neden beğendiğinizi ayrıştırıyoruz; genellikle beğenilen şey renk değil, bilginin sıralanış biçimi oluyor. Bu aşamanın çıktısı bir ilham panosu ve yazılı bir kapsam listesidir.
  2. 02

    İçerik haritası ve sayfa listesi

    Hangi sayfalar olacak, her sayfa hangi soruyu cevaplayacak ve aralarındaki gezinme nasıl kurulacak belirleniyor. Bu adım tasarımdan önce yapılır, çünkü sayfa listesi netleşmeden çizilen tasarım sonradan büyür ve takvim kayar. Sayfa listesi aynı zamanda içerik yazımının da iş listesidir.
  3. 03

    Düşük çözünürlüklü akış (wireframe)

    Renk ve görsel olmadan, yalnızca kutular ve metinle sayfa iskeletini çiziyoruz. Amaç, tartışmayı estetikten önce hiyerarşiye getirmek: ekranın ilk görünen bölümünde ne duracak, çağrı butonu nerede olacak, mobilde hangi bölüm yukarı çıkacak. Bu aşamada yapılan değişiklik en ucuz değişikliktir.
  4. 04

    Görsel tasarım ve onay

    İskelet onaylandıktan sonra tipografi, renk, boşluk düzeni ve görsel dil kuruluyor. Önce iki üç anahtar sayfa tasarlanır ve onay alınır; kalan sayfalar onaylanan dile göre türetilir. Her sayfayı tek tek onaya sunmak süreci uzatır ve tutarlılığı bozar.
  5. 05

    Geliştirme

    Tasarım koda dönüştürülür. Masaüstü, tablet ve telefon kırılımları ayrı ayrı ele alınır; formlar, doğrulama mesajları ve hata durumları da tasarımın parçası olarak ele alınır. Bu adımda içerik yönetimi tarafı da kurulur, böylece metinleri sonradan siz güncelleyebilirsiniz.
  6. 06

    İçerik yükleme ve teknik kontrol

    Metinler ve görseller yerleştirilir, görseller boyut ve format olarak optimize edilir. Sayfa başlıkları, açıklamalar, adres yapısı, site haritası ve yönlendirmeler kontrol edilir. Mevcut bir siteniz varsa eski adreslerin yeni karşılıklarına yönlendirilmesi bu adımda yapılır; atlanırsa arama motorunda birikmiş değer kaybedilir.
  7. 07

    Yayın ve teslim

    Alan adı, barındırma ve ölçümleme kurulumları tamamlanıp site yayına alınır. Yönetim paneli için ekibinize eğitim verilir ve dosyalar teslim edilir. Yayın sonrası ilk dönemde form gönderimleri ve hata kayıtları izlenir; canlıda ortaya çıkan küçük düzeltmeler bu dönemde yapılır.

Süreç

Nasıl çalışıyoruz

Başlangıçtan teslime kadar izlediğimiz adımlar.

  1. 01

    Brief & İlham Panosu

    Markanızı, rakipleri ve hedef kitleyi birlikte inceleyip ilham panosu hazırlıyoruz.
  2. 02

    Wireframe & Tasarım

    Önce düşük çözünürlükte akış, sonra yüksek çözünürlükte görsel tasarım. Her aşamada onayınız alınır.
  3. 03

    Geliştirme

    Tasarımı piksel-perfect şekilde kodluyoruz. Animasyonlar, form yönetimi ve mobil optimizasyon dahil.
  4. 04

    Yayın & Sonrası

    Domain, hosting, analytics kurulumu yapıp canlıya alıyoruz. Teslim sonrası 30 gün revizyon garantisi.

Sık sorulanlar

Karar vermeden önce

Aklınıza takılabilecekler. Burada olmayan bir soru için bize yazın.

Özel web sitesi tasarımı ile hazır tema arasındaki fark tam olarak nedir?

Hazır temada içerik, temanın izin verdiği alanlara yerleştirilir; özel tasarımda alanlar içeriğe göre tanımlanır. Fark en çok standart olmayan içerikte görünür: bir hizmeti anlatan karşılaştırma tablosu, projeye göre değişen vaka anlatımı, çok adımlı bir hesaplama formu veya ürün dışı bir katalog. Bunların hepsi temaya sonradan eklenebilir ama her eklemede tema güncellemeleriyle çakışma riski büyür.

Kişiye özel web sitesi her işletme için gerekli mi?

Hayır. Sitesi esas olarak iletişim bilgisi, hizmet listesi ve birkaç referanstan ibaret olacak bir işletme için hazır tema hem daha hızlı hem de daha akılcıdır; aradaki bütçe farkı reklama harcandığında daha çok iş getirir. Özel tasarım, ziyaretçiye anlatılacak şeyin standart kalıba sığmadığı veya markanın kendisinin satın alma sebebi olduğu durumlarda gerekçelidir.

Web sitesi yaptırmak için elimde ne hazır olmalı?

Üç şey işi hızlandırır: ne sattığınızı bir cümleyle anlatan net bir ifade, hizmet veya ürünlerinizin listesi, ve varsa gerçek görseller. Metinleri siz yazacaksanız sayfa listesini onayladığımız anda başlamanız gerekir; metin beklemesi projelerdeki en yaygın gecikme sebebidir. Metin yazımını da isterseniz kapsama dahil ediyoruz.

Özel tasarım web sitesi fiyatı neye göre değişiyor?

Rakam vermek yerine kalemleri sayalım: benzersiz tasarlanacak sayfa sayısı (aynı kalıbın tekrarı ayrı sayfa sayılmaz), animasyon ve etkileşim yoğunluğu, içerik yönetimi ihtiyacının derinliği, çok dillilik, form ve entegrasyon sayısı, içerik yazımının kimde olduğu ve görsel üretimi. Kesif sonunda bu kalemler tek tek yazılır; sonradan çıkan istekler de aynı listeye eklenerek fiyatlanır.

Özel tasarım siteyi kendim güncelleyebilir miyim?

Evet. Hangi alanların size açılacağını baştan kararlaştırıyoruz: metinler, görseller, blog yazıları, referanslar ve ekip gibi düzenli değişen içerikler panelden yönetilir. Düzenin kendisini bozabilecek alanlar bilinçli olarak kilitli kalır; bu bir kısıt değil, sitenin altı ay sonra da tasarlandığı gibi görünmesini sağlayan tercihtir.

Özel tasarım siteyi yavaşlatır mı, SEO açısından dezavantaj mı?

Tersi de mümkündür. Hazır temalar çok sayıda senaryoyu desteklemek için kullanmayacağınız kod ve eklentileri de taşır; özel geliştirmede sayfaya yalnızca kullanılan şey yüklenir. Bunun karşılığında hız ve teknik SEO ayarlarının sorumluluğu tamamen geliştiriciye geçer: başlık yapısı, adres düzeni, site haritası, yapısal veri ve görsel optimizasyonu teslim kapsamında olmalıdır. Sözleşmede bu maddeleri aramanızı öneririz.

Kaynak kod ve tasarım dosyaları bende mi kalıyor?

Proje tamamlandığında kaynak kod ve dokümantasyon size teslim edilir; alan adı ve barındırma hesapları sizin adınıza açılır. Bunun pratik anlamı, ileride başka bir ekiple devam etmek isterseniz bunu yapabilmenizdir. Ajans seçerken bu maddeyi sözleşmede görmeniz önemlidir; bulunmadığı durumlarda site teknik olarak sizin ama yönetimi başkasının elinde kalır.

Markanıza yakışan bir site kuralım.

Sıfırdan tasarım, sıfırdan kod. Sadece size ait, rakipsiz bir dijital deneyim.