Web Tasarım
Kurumsal kimliği ve satış hedeflerini yansıtan bir web sitesinin planlama, tasarım, inşa ve yayına alma sürecinin nasıl işlediği.
Ücretsiz ön görüşme
Formu doldurun, en kısa sürede sizi arayalım.
Dr. Harun Gümüş yazdı ve içerik olarak gözden geçirdi · · Künye ve kaynaklar
Birlikte çalıştığımız markalardan bazıları
Vitrin
Ekranların üzerine gelerek sayfaları kaydırabilirsiniz.
01 · Genel bakış
Bir web sitesi; yalnızca görsel bir vitrin değil, ziyaretçiyi doğru bilgiye ve bir sonraki adıma (arama, form, satış) yönlendiren bir araçtır. Bu rehber, kurumsal ve e-ticaret web sitesi tasarımının hangi aşamalardan geçtiğini ve hangi ölçütlerle değerlendirildiğini anlatır.
Web tasarım hizmeti, bir işletmenin kurumsal kimliğini ve hedeflerini yansıtan, ziyaretçiyi doğru bilgiye ulaştıran ve arama motorları tarafından sağlıklı biçimde okunabilen bir web sitesinin planlanması, tasarlanması ve inşa edilmesidir. Bu rehberde "web tasarım hizmeti" ifadesi şu bileşenleri kapsayacak şekilde kullanılır:
01"Web sitesi" bir sonuçtur; "web tasarım hizmeti" ise o sonuca ulaşmak için izlenen süreçtir. Hazır bir şablonun renklerini değiştirip metin eklemek de teknik olarak bir web sitesi üretir, ancak bu; bilgi mimarisi, performans ve arama motoru okunabilirliği gibi unsurları planlı biçimde ele almaz. Bu rehberde anlatılan hizmet, sonucun görünümünden çok, o sonuca götüren planlama ve karar sürecini kapsar.
02Görsel olarak çekici ama yavaş yüklenen, mobil cihazda düzgün görüntülenmeyen veya arama motorları tarafından taranamayan bir site, ziyaretçiyi elde ettiği ilk izlenimi sonuca dönüştüremez. Google, sayfa deneyimini (yükleme hızı, görsel kararlılık, etkileşim gecikmesi) Core Web Vitals ölçütleriyle değerlendirir ve mobil öncelikli dizinleme kullanır; yani sitenin mobil sürümü, arama motorunun değerlendirmesinde referans alınır. Bu nedenle web tasarım çalışması, görsel tasarımla eş zamanlı olarak teknik performansı da planlar.
03Bir web sitesinin erişilebilir olması; görme, işitme veya hareket kısıtlılığı olan ziyaretçilerin de siteyi kullanabilmesi anlamına gelir. W3C'nin Web İçeriği Erişilebilirlik Kılavuzu (WCAG), yeterli renk kontrastı, klavye ile gezinebilirlik ve görsellere alternatif metin gibi somut ölçütler tanımlar. Erişilebilirlik yalnızca belirli bir kullanıcı grubunu değil, yavaş internet bağlantısı veya küçük ekranlı cihaz kullanan tüm ziyaretçileri de dolaylı olarak etkiler; bu nedenle bu rehberde erişilebilirlik, tasarım sürecinin sonradan eklenen değil, baştan planlanan bir parçası olarak ele alınır.
04Web sitesinin hangi teknik altyapı üzerinde kurulacağı; içeriğin ne sıklıkla güncelleneceğine, özel işlev ihtiyacına ve işletmenin kendi içeriğini yönetip yönetmeyeceğine göre değişir. İçeriğini sık güncelleyen bir işletme için, kendi ekibinin kolayca sayfa/yazı ekleyebileceği bir içerik yönetim sistemi genellikle daha uygundur. Özel işlev ihtiyacı (özel hesaplama araçları, karmaşık entegrasyonlar) yüksek projelerde ise özel geliştirilmiş bir altyapı tercih edilebilir. Bu rehberde belirli bir altyapı önceden dayatılmaz; seçim, keşif aşamasında netleşen ihtiyaca göre yapılır.
05Ürün satışı yapan bir web sitesinde, kurumsal siteye ek olarak ürün kataloğu yapısı, ürün sayfası şablonu, sepet ve ödeme akışı, stok/entegrasyon ihtiyacı ve arama içi ürün filtreleme gibi unsurlar planlamaya dahil olur. Bu unsurların her biri hem kullanıcı deneyimini hem de arama motorlarının ürün sayfalarını doğru dizinlemesini doğrudan etkiler; bu nedenle e-ticaret projelerinde bilgi mimarisi planı, kurumsal bir siteye göre daha erken ve daha ayrıntılı çıkarılır.
06Bir web sitesinin başarısı, yalnızca yayına alınmasıyla değil, yayına alındıktan sonra ölçülebilir hâle gelmesiyle anlaşılır. Bu nedenle site inşa edilirken, işletmenin daha sonra kendi verisine bakarak ilerlemeyi takip edebileceği temel ölçüm noktaları (form gönderimleri, telefon/WhatsApp tıklamaları, sayfa yükleme hızı) baştan planlanır. Ölçüm araçlarının (Google Analytics, Google Arama Konsolu gibi) kurulumu, sitenin nihai adresi netleşip yayına alındıktan sonra yapılır; erken kurulum, test ortamındaki geçici trafiği gerçek veriyle karıştırarak yanıltıcı bir başlangıç noktası oluşturabilir.
Ölçüm noktaları belirlenirken sabit bir hedef sayı (örneğin belirli bir ziyaretçi veya form sayısı) taahhüt edilmez; her işletmenin mevcut durumu ve sektörü farklı olduğundan, ilerlemenin neye göre değerlendirileceği işletmeyle birlikte, o işletmenin kendi geçmiş verisine (varsa) veya sektör ortalamasına referansla belirlenir. Bu, aynı zamanda sonradan yapılacak revizyon kararlarının da neye göre alınacağını netleştirir: bir sayfa değişikliği, yalnızca "daha iyi görünüyor" gerekçesiyle değil, ölçülebilir bir etkiye dayanarak yapılır.
07Bazı web tasarım hizmeti sunan siteler, aynı şablonu yalnızca şehir adını değiştirerek çoğaltıp onlarca "şehir + web tasarım" sayfası yayınlar. Bu yaklaşım, arama motorlarının "doorway page" (geçiş sayfası) olarak tanımladığı, düşük kaliteli ve arama sonuçlarında cezalandırılma riski taşıyan bir örüntüdür; bu rehberde ve bu sitede böyle bir yol izlenmez.
Bir şehre özel sayfa açılabilmesi için üç koşulun birlikte sağlanması gerekir: o şehirde doğrulanabilir bir fiziksel varlık veya Google İşletme Profili kaydı, o bölgede tamamlanmış gerçek bir iş geçmişi ve şehre özgü, başka hiçbir sayfada tekrar etmeyen bir içerik. Bu koşullar bu sitede henüz eksiksiz doğrulanmadığından şehir sayfası açılmamıştır; bunun yerine hizmet bölgesi bilgisi bu sayfada genel olarak paylaşılır.
60 saniyelik dijital karne
Altı soruyu Evet, Kısmen ya da Hayır diye yanıtlayın; sitenizin dijital karne puanını, öncelikli iki alanı ve uygun başlangıç paketini görün. Cevaplarınız yalnızca bu sayfada değerlendirilir.
Önerilen başlangıç:
Puan genel bir öz değerlendirmedir; kesin durum ön görüşmedeki incelemeyle belirlenir.
Hizmetler
Bir başlığın üzerine gelin; kısa özeti ve sayfasının bağlantısı açılır.
Ürün kataloğu, ödeme altyapısı ve sipariş sürecini bir arada barındıran, mobil uyumlu ve arama motorları tarafından okunabilir e-ticaret sitesi tasarımı.
Hizmeti inceleyin
İşletmenin kurumsal kimliğini doğru yansıtan, mobil uyumlu ve arama motorları tarafından okunabilir bir web sitesinin tasarım ve inşa süreci.
Hizmeti inceleyin
Neden önemli?
Kurumsal kimliğinizi yansıtan renk, yazı ve düzen; ziyaretçinin sizi ilk bakışta tanımasını sağlar. Tasarım masaüstünde ve mobilde aynı özenle hazırlanır.
Her site, kurulumdan sonra da izlenebilsin diye ölçüm araçlarıyla birlikte teslim edilir.
Rakamlar bu sitedeki proje sayfalarından otomatik hesaplanır.
02 · Kimler için
Bu hizmet, aşağıdaki özelliklerden en az birine sahip işletmeler için anlamlıdır: Hiç kurumsal web sitesi olmayan veya yalnızca sosyal medya üzerinden görünür olan işletmeler.Mevcut web sitesi eski bir tasarıma sahip, mobil cihazlarda düzgün görüntülenmeyen veya yavaş yüklenen işletmeler.Ürün veya hizmetlerini web sitesi üzerinden doğrudan satışa dönüştürmek isteyen işletmeler.Marka kimliğini değiştiren, yeniden konumlandıran veya yeni bir hizmet alanına giren ve bunu web sitesine yansıtması gereken işletmeler. Bu hizmet, yalnızca tek bir sayfada iletişim bilgisi paylaşmak isteyen ve daha fazla içerik derinliğine ihtiyaç duymayan çok küçük ölçekli işletmeler için gereğinden kapsamlı olabilir; bu durumda daha sınırlı kapsamlı bir çözüm de değerlendirilebilir.
01Kurumsal bir web sitesinde öncelik, işletmenin hizmetlerini ve güven sinyallerini (kim olduğu, ne sunduğu, nasıl iletişime geçileceği) net biçimde anlatmaktır. E-ticaret sitesinde ise bu unsurlara ek olarak ürün keşfi, karşılaştırma ve satın alma akışının sorunsuz ilerlemesi öncelik kazanır. İki proje türü de aynı temel bilgi mimarisi ve performans ilkelerinden geçer, ancak e-ticaret projelerinde ürün veri yönetimi ve ödeme/stok entegrasyonu ek bir planlama katmanı gerektirir.
02Mevcut bir web sitesinin yenilenmesi söz konusuysa, öncelik mevcut sitenin arama motorlarında biriktirdiği görünürlüğün korunmasıdır. Bu durumda hangi sayfaların yeni sitede karşılığının olacağı ve hangi eski adreslerin hangi yeni adrese yönlendirileceği (301), tasarım süreciyle eş zamanlı planlanır. Bu konu SEO ajansı hizmet alanındaki "site yenileme projeleriyle ilişkisi" bölümünde ayrıca ele alınır.
03Web tasarım projesine ayrılan bütçe ve zaman; sayfa sayısına, özel işlevlere (randevu sistemi, ödeme altyapısı, çoklu dil) ve mevcut içeriğin hazır olup olmadığına göre değişir. Bu rehberde belirli bir bütçe aralığı veya teslim süresi önceden taahhüt edilmez; kapsam netleştikten sonra yazılı bir teklif ve takvim paylaşılır.
04Bazı işletmelerin zaten bir tasarım ekibi veya ajansla ilişkisi vardır ve yalnızca belirli bir proje (yeni bir hizmet sayfası, kampanya sayfası) için ek destek arar. Bu durumda proje kapsamı, mevcut sitenin genel yapısını bozmayacak şekilde net biçimde sınırlandırılır; hangi sayfaların bu proje kapsamında olduğu ve hangi teknik erişimin (barındırma, içerik yönetim sistemi girişi) gerektiği baştan netleştirilir.
05Bazı işletmelerin henüz oturmuş bir logosu, renk paleti veya kurumsal kimlik dokümanı bulunmayabilir. Bu durumda web tasarım süreci öncesinde kısa bir kurumsal kimlik çalışması önerilir; aksi hâlde site, işletmenin daha sonra değiştirmek isteyeceği geçici görsel kararlar üzerine inşa edilmiş olur. Bu ek çalışma, talep hâlinde ayrı bir kalem olarak ele alınır ve web tasarım sürecinin bilgi mimarisi aşamasından önce tamamlanması önerilir.
Yalnızca kısa süreli bir kampanya için geçici bir sayfa arayan veya web sitesi dışındaki kanallarda (yalnızca pazar yeri, yalnızca sosyal medya) faaliyet göstermeyi tercih eden işletmeler için bu rehberin kapsamı sınırlı kalabilir; bu durumda ihtiyaca daha uygun, daha dar kapsamlı bir çözüm değerlendirilmelidir.
03 · Süreç
Web tasarım projesi genellikle beş aşamada ilerler. Aşamalar birbirini izler ama kesin sınırlarla ayrılmaz; içerik hazırlığı devam ederken görsel tasarım da başlayabilir.
Çalışma, işletmenin hedeflerinin, hedef kitlesinin ve mevcut dijital varlığının (varsa eski site, sosyal medya hesapları) incelenmesiyle başlar. Bu aşamada sitenin kaç sayfadan oluşacağı, hangi özel işlevlere ihtiyaç duyulacağı ve hangi içeriklerin hazır olup hangilerinin üretileceği netleştirilir.
Sitenin sayfa yapısı ve bu sayfaların birbirine nasıl bağlanacağı planlanır. Her sayfanın hangi soruya cevap vereceği ve ziyaretçiyi hangi sonraki adıma (arama, form, satış) yönlendireceği bu aşamada belirlenir. Aynı aşamada, sayfa başlıkları ve arama motoru açısından hedeflenen konu alanları da netleştirilir.
Bilgi mimarisine göre sayfa taslakları (wireframe) ve ardından kurumsal kimliğe uygun görsel tasarım hazırlanır. Bu aşamada tipografi, renk paleti, görsel kullanımı ve mobil/masaüstü görünümler ayrı ayrı değerlendirilir.
Onaylanan tasarım, koda veya seçilen içerik yönetim sistemine aktarılır; içerikler sayfalara yerleştirilir. Aynı aşamada sayfa hızı, mobil uyumluluk, yapılandırılmış veri (schema.org) ve temel arama motoru ayarları (başlık, meta açıklama, canonical) uygulanır.
Yayına almadan önce site; farklı cihaz ve tarayıcılarda görünüm, form/ödeme akışlarının çalışırlığı, sayfa hızı ve varsa yönlendirme (301) haritası açısından test edilir. Mevcut bir siteden geçiş yapılıyorsa, arama motoru izleme araçlarının (Google Arama Konsolu) yeni siteye doğru şekilde tanımlandığı da bu aşamada doğrulanır.
Görsel tasarım aşaması genellikle tek seferde değil, birkaç revizyon turuyla ilerler. İlk taslak; bilgi mimarisi planına dayanarak hazırlanır ve işletmeyle birlikte gözden geçirilir. Bu aşamada geri bildirimlerin somut ve önceliklendirilmiş olması, sürecin verimliliğini doğrudan etkiler — "daha modern olsun" gibi genel bir geri bildirim yerine, hangi unsurun (renk, tipografi, görsel yoğunluk) neden değiştirilmesi istendiğinin belirtilmesi, revizyonun daha az turda tamamlanmasını sağlar.
Revizyon tur sayısı, projenin başında netleştirilir; sınırsız revizyon taahhüdü verilmez, çünkü bu hem sürecin uzamasına hem de tasarımın bütünlüğünü kaybetmesine yol açabilir. Onaylanan tasarım, teknik inşa aşamasına geçmeden önce işletme tarafından yazılı olarak onaylanır; bu onay, sonraki aşamada yapılacak değişikliklerin kapsam dışı ek iş olarak değerlendirilmesinin önüne geçer.
En sık karşılaşılan hatalardan biri, görsel tasarımın bilgi mimarisi netleşmeden başlatılmasıdır; bu durumda sayfa sayısı ve içerik ihtiyacı proje ilerledikçe değişir ve gecikmelere yol açar. Bir diğer sık hata, mevcut bir siteden geçişte yönlendirme (301) planının atlanmasıdır; bu durumda eski sayfaların arama motorlarında biriktirdiği görünürlük kaybedilebilir. Son olarak, sitenin yalnızca masaüstü görünümü test edilip mobil görünümün ihmal edilmesi de sık görülen bir eksikliktir; oysa mobil öncelikli dizinleme nedeniyle mobil görünüm arama motoru değerlendirmesinde referans alınır.
Web sitesinin yayına alınması, çalışmanın sonu değildir. İçerik yönetim sistemi ve varsa eklentilerin güncel tutulması, güvenlik yamalarının uygulanması ve sayfa hızının zaman içinde bozulmadığının izlenmesi, sitenin uzun vadede sağlıklı kalması için gereklidir. Bu ihtiyaç işletmenin kendi ekibi tarafından karşılanabileceği gibi, talep halinde bu site üzerinden düzenli bir bakım kalemi olarak da yürütülebilir; bu iki seçenek arasındaki tercih işletmeye aittir ve önceden dayatılmaz.
Hizmetin veya ürünün doğru anlatılması, hangi bilginin paylaşılıp paylaşılmayacağı ve marka kimliğine ilişkin nihai onay her zaman işletmenin kendisine aittir; bu bilgi hiçbir zaman ajans tarafından tahmin edilerek yazılmaz. Buna karşılık bilgi mimarisi, teknik inşa yöntemi ve arama motoru okunabilirliğine ilişkin kararlar ajansın uzmanlık alanıdır; bu kararlar işletmeyle paylaşılıp onaylandıktan sonra uygulanır.
Uygulamada
Aşağıdaki örnekler, gerçek bir müşteriye ait değildir; yaklaşımın nasıl işlediğini göstermek amacıyla hazırlanmış genel senaryolardır.
Örnek senaryo 01
Yalnızca sosyal medya üzerinden görünür olan, kurumsal web sitesi bulunmayan bir işletme düşünelim. Keşif aşamasında işletmenin hangi hizmetleri sunduğu ve hedef kitlesinin web sitesinde en çok hangi bilgiyi aradığı netleştirilir. Bilgi mimarisi planında; ana sayfa, hizmet sayfaları, hakkımızda ve iletişim olmak üzere sınırlı ama net bir sayfa yapısı önerilir.
Görsel tasarım aşamasında sosyal medyadaki mevcut marka diline (varsa logo, renk) uyumlu bir kimlik web sitesine taşınır. Teknik inşada mobil uyumluluk ve sayfa hızı öncelikli olarak ele alınır; site yayına alındığında Google Arama Konsolu'na tanımlanarak dizinlenme süreci başlatılır.
Örnek senaryo 02
Yıllardır yayında olan ama teknik olarak eskimiş, mobil cihazlarda düzgün görüntülenmeyen bir web sitesi düşünelim. Bu durumda keşif aşaması, mevcut sitenin hangi sayfalarının arama motorlarında halihazırda görünürlük kazandığını tespit etmeye odaklanır. Bilgi mimarisi planında bu sayfaların yeni sitede karşılığı belirlenir ve eksiksiz bir yönlendirme (301) haritası hazırlanır.
Teknik inşa aşamasında öncelik, sayfa hızını ve mobil görünümü mevcut siteye göre somut biçimde iyileştirmektir. Yayına alma aşamasında yönlendirme haritası tek tek test edilir; mevcut sitenin arama motorlarında kaybettiği görünürlük olup olmadığı yayın sonrası birkaç hafta boyunca izlenir.
Örnek senaryo 03
Şimdiye kadar yalnızca hizmet sunan, ama artık ürünlerini de web sitesi üzerinden satmak isteyen bir işletme düşünelim. Keşif aşamasında kaç ürün kategorisi olacağı, stok ve ödeme entegrasyonu ihtiyacı netleştirilir. Bilgi mimarisi planında ürün kataloğu, kategori sayfaları ve ürün sayfası şablonu ayrı ayrı planlanır; her ürün sayfası için yapılandırılmış veri (ürün adı, fiyat, stok durumu) planı çıkarılır.
Teknik inşa aşamasında sepet ve ödeme akışı test edilir; ürün görsellerinin sayfa hızını yavaşlatmaması için görsel optimizasyonu yapılır. Yayın sonrası takip aşamasında hangi ürün/kategori sayfalarının arama motorlarında görünürlük kazandığı düzenli olarak izlenir; bu takip SEO ajansı hizmet alanındaki ölçüm yaklaşımıyla aynı ilkeleri izler.
Her üç senaryoda da amaç, belirli bir trafik artışı veya sonuç vermek değil; sürecin adımlarını somutlaştırmaktır. Gerçek sonuçlar her işletmenin başlangıç noktasına ve kapsamına göre değişir. Sağlık sektörüne özgü web sitesi örnekleri için sağlık dijital ajansı hizmet alanındaki sayfalar ayrıca incelenebilir.
Paketler
İhtiyacınıza en yakın paketi seçin; ayrıntıları ilk görüşmede birlikte netleştirelim.
Hızlı yayına çıkması gereken işletmeler için tek sayfa ya da az sayfalı site.
Teklif alınTek sayfa / landing
Bu paket için görüşelimHizmet, hakkımızda, blog ve iletişim sayfalarıyla tam kurumsal web sitesi.
Teklif alınÇok sayfalı site
Bu paket için görüşelimÇok dilli, özel modüllü ya da ürün kataloğu ve ödeme gerektiren projeler.
Teklif alınÖzel modül · Çok dil
Bu paket için görüşelimPaketler başlangıç çerçevesidir; kesin kapsam, süre ve ücret keşif görüşmesinden sonra yazılı teklifle paylaşılır. İhtiyacınız paketlerin dışındaysa kapsamı birlikte belirleriz.
Sık sorulan sorular
Web Tasarım hakkında en sık sorulan sorular ve kısa yanıtları.
4 soru · kısa ve kaynaklı yanıtlar
Kurumsal kimliğini yansıtan veya ürün/hizmetini satışa dönüştürmek isteyen her işletme için geçerlidir. Sağlık sektörüne özel web sitesi gereksinimleri ayrıca sağlık dijital ajansı hizmet alanında ele alınır.
Doğru planlanmadığında evet, etkileyebilir; eski sayfaların yeni adreslere yönlendirilmemesi veya içerik derinliğinin kaybolması görünürlük kaybına yol açar. Bu risk, tasarım sürecine SEO ajansı değerlendirmesinin eş zamanlı dahil edilmesiyle azaltılır.
Süre; sayfa sayısına, içerik hazırlığına ve entegrasyon ihtiyacına (randevu sistemi, ödeme altyapısı gibi) göre değişir. Sabit bir teslim tarihi önceden ilan edilmez; kapsam netleştikten sonra yazılı bir takvim paylaşılır.
Bir şehre özel sayfa açmak için o şehirde doğrulanabilir fiziksel varlık veya Google İşletme Profili kaydı, o bölgede tamamlanmış gerçek iş ve şehre özgü, tekrar etmeyen bir içerik gerekir. Bu koşullar bu sitede henüz eksiksiz doğrulanmadığından şehir sayfası açılmamıştır; hizmet bölgesi bilgisi bu sayfada genel olarak paylaşılır.
Başlayalım
Mevcut durumunuzu dinleyelim, size uygun kapsamı ve takvimi yazılı olarak paylaşalım. İlk görüşme için bir taahhüt istemiyoruz.
Süreç nasıl başlar?
Ad ve telefon yeterli; iki dakikanızı alır.
İhtiyacınızı ve mevcut durumunuzu dinleriz.
Kapsam, takvim ve ücret yazılı olarak paylaşılır.
Yazan ve gözden geçiren: Dr. Harun Gümüş | Dijital Strateji, SEO/GEO ve Yazılım Kalite
Son gözden geçirme: · Bir sonraki gözden geçirme: 2027-09
Site editörü: mail@uzmandizayn.com.tr · Editoryal politikamız
