top of page

Sıfırdan Web Site Tasarımı Nasıl Yapılır?

  • Yazarın fotoğrafı: Abdullah ŞAHAN
    Abdullah ŞAHAN
  • 23 Kas
  • 4 dakikada okunur

Yazar: Abdullah Şahan | Freelance Grafik Tasarımcı & Web Geliştirici


Markanız Bir "Kopya" mı, Yoksa "Orijinal" mi?


Web siteniz, markanızın dijital vitrinidir. Ama çoğu marka bu vitrini farkında olmadan binlerce başka markayla paylaşıyor. Nasıl mı? Hazır temalar.


"5 dakikada site kur" sloganları cazip görünür. Ancak asıl soru şu: Amacınız sadece "bir web sitem olsun" mu, yoksa "web sitem bana para kazandırsın" mı?


Ben Abdullah Şahan. 11 yıldır freelance grafik tasarımcı olarak çalışıyorum ve web sitelerini hiçbir hazır temaya bağlı kalmadan, sıfırdan tasarlıyor ve kodluyorum.


Bu yazıda, sıfırdan web sitesi tasarımının neden daha etkili olduğunu ve sürecin nasıl işlediğini anlatacağım.


📌 İçindekiler:

  1. Hazır Temaların 3 Gizli Maliyeti

  2. Sıfırdan Web Sitesi Tasarımı: 4 Adımlı Süreç

  3. Web Tasarımı Satışı Nasıl Etkiler?

  4. Sık Sorulan Sorular

  5. Sonuç: Kiracı Değil, Mülk Sahibi Olun


Bonkers markası için hazırladığım E-ticaret sitesi
Bonkers markası için hazırladığım E-ticaret sitesi Bkz: Bonkers projesi

Hazır Temaların 3 Gizli Maliyeti


Hazır bir tema satın aldığınızda, aslında bir "dekorasyon" satın alırsınız. Bu şablonlar herkese uyması için üretilir. Bir diş hekimi de, bir restoran da aynı altyapıyı kullanır. Peki bu size nasıl zarar verir?


1. Hız ve Performans Kaybı

Hazır temalar, kullanmadığınız yüzlerce gereksiz özellik barındırır. Bu özellikler arka planda çalışır ve sitenizi yavaşlatır. Yavaş site = Kaçan müşteri.


İstatistik: Google'a göre, sayfa yükleme süresi 1 saniye arttığında, dönüşüm oranı %7 düşer.


Sıfırdan tasarımda: Sadece ihtiyacınız olan kodlar yazılır. Sonuç: Hızlı, akıcı bir deneyim.


2. Marka Kimliği Uyuşmazlığı

Hazır yapılarda markanızı temaya uydurmak zorunda kalırsınız. Oysa doğrusu tam tersi olmalı: Site, markanıza uymalıdır.


Renk paletiniz, tipografiniz, görsel diliniz—hepsi marka kimliğinizin parçası. Hazır temalar bu özgünlüğü kısıtlar.


Sıfırdan tasarımda: Her piksel, markanızın DNA'sına göre tasarlanır. Başka hiçbir sitede göremeyeceğiniz özgün bir görünüm.


3. Güvenlik ve Güncelleme Stresi

Popüler temalar, hackerların en sevdiği hedeflerdir. Kod yapısı herkes tarafından bilindiği için güvenlik açıkları daha hızlı tespit edilir. Ayrıca tema–eklenti–sunucu üçgeninde sürekli güncelleme stresi yaşarsınız.


Sıfırdan tasarımda: Kod yapısı size özel. Güvenlik açıkları minimum. Güncelleme kontrolü tamamen sizde.


Hazırladığım web site tasarımı mockup sunumu
Ömer İstanbul Diş Polikliniği kampanya dönemi hazırladığım tasarım (Bkz: Ömer İstanbul Projesi)

Sıfırdan Web Sitesi Tasarımı: 4 Adımlı Sürecim


Müşterilerimle çalışırken, "Hangi temayı beğendiniz?" diye sormam. "İş hedefiniz ne?" diye sorarım. Çünkü sıfırdan web tasarımı, bir kodlama işi değil, bir strateji işidir.


Adım 1: Strateji ve Kullanıcı Deneyimi (UX)

Kod yazmaya başlamadan önce, sitenize gelecek kullanıcının yolculuğunu planlarım. Site haritası ve wireframe çıkarırım. Hangi sayfa nerede, kullanıcı hangi adımlarla ilerleyecek?


Örnek: Bir e-ticaret sitesi için, ürün sayfasından sepete, sepetten ödemeye kadar her adımı optimize ederim. Gereksiz form alanları ve kafa karıştıran butonlar temizlenir.


Adım 2: Özgün Arayüz Tasarımı (UI)

Markanızın kurumsal kimliğine %100 sadık kalarak, sadece size özel bir tasarım çizerim.


Tasarım prensipleri:

  • Tipografi: Net hiyerarşi ve uyum

  • Renk: Marka kimliği ile tutarlı

  • Boşluk: Temiz ve modern görünüm

  • Görseller: Özel çekim veya 3D görselleştirme


Özel dokunuşlar:

  • Ürün sayfalarında 360° ambalaj sunumları

  • Mikro animasyonlar (kullanıcıyı yönlendirir)


Adım 3: Sıfırdan Kodlama ve Geliştirme

İşte farkın yaratıldığı yer. Hazır araçların sınırlarına takılmadan, özel kodlama yaparak sitenizi işlerim. Wix uzmanı olarak, Wix Velo ile özel işlevler geliştiririm. Gerektiğinde HTML/CSS/JavaScript ile tamamen özel çözümler üretirim.


Kodlama avantajları:

  • Temiz kod: Gereksiz dosya yok, hız maksimum

  • Esneklik: İstediğiniz özelliği ekleyebilirsiniz

  • Özel işlevler: Örneğin, özel filtreleme sistemleri


Adım 4: SEO ve Hız Optimizasyonu

Sıfırdan yazdığım için, kod yapısı temizdir. Google, hızlı ve temiz siteleri sever. Bu da sizi arama sonuçlarında üst sıralara taşır.


SEO optimizasyonu:

  • Başlık hiyerarşisi doğru kurulur

  • Meta etiketler optimize edilir

  • Görsellere alt metin eklenir

  • Hız optimizasyonu (görsel sıkıştırma, lazy loading)


Web Tasarımı Satışı Nasıl Etkiler?


Web sitesi sizin 7/24 çalışan en iyi satış personelinizdir.


Kötü tasarlanmış bir site, ilgisiz bir tezgahtar gibidir. Özel tasarım ise, müşteriyi karşılayan, güven veren ve kasaya kadar eşlik eden profesyonel bir danışmandır.


İstatistikler Yalan Söylemez

  • %75 - Kullanıcıların bir şirketin güvenilirliğine web sitesi tasarımına bakarak karar verdiği oran

  • %88 - Karmaşık sitelerde kullanıcıların geri dönmeme oranı

  • %94 - İlk izlenimin tasarımla ilgili olduğu oran

  • 3 saniye - Kullanıcıların bir sitede kalıp kalmama kararını verdiği süre


Gerçek örnek: Bonkers için geliştirdiğim e-ticaret arayüzünde, 360° görünüm ve "Hızlı Satın Al" butonu ekledim. Sepete ekleme oranı %28 yükseldi.


Web site tasarımı

Sık Sorulan Sorular


Sıfırdan web sitesi tasarımı ne kadar sürer?

Ortalama 4-8 hafta. Karmaşık e-ticaret projeleri 10-12 hafta sürebilir.


Hazır temadan daha pahalı mı?

Başlangıçta evet. Ama uzun vadede daha ekonomik. Yeniden yapma maliyeti yok, performans yüksek, satış daha fazla.


Mobil uyumlu mu olur?

Kesinlikle. Mobil öncelikli tasarım yaparım. Her cihazda mükemmel görünür.


SEO dostu mu?

Evet. Başlık hiyerarşisi, meta etiketler, hızlı yüklenme—hepsi baştan doğru kurulur.


Hangi platformlarda çalışıyorsunuz?

Sıfırdan kodlama yapıyorum. Wix uzmanıyım ve Wix Velo ile özel işlevler geliştiriyorum. Gerekirse WordPress'te de çalışabilirim.


Sonuç: Kiracı Olmayın, Mülk Sahibi Olun


Hazır temalar üzerine kurulu bir site, kiralık bir daireye tadilat yapmak gibidir. Ne kadar uğraşırsanız uğraşın, temeldeki sınırlara mahkumsunuzdur.


Sıfırdan web sitesi tasarımı ise kendi arsanıza, tam hayalinizdeki evi inşa etmektir.


Ben Abdullah Şahan. Sadece "site kurmuyorum"; markanızın dijitaldeki evini sıfırdan, en temiz kodlarla ve en stratejik tasarımla inşa ediyorum.


11 yıldır freelance grafik tasarımcı olarak, hazır kalıplara sığmak istemeyen, markasına değer veren işletmeler için çalışıyorum. Ambalaj tasarımı, logo ve marka kimliği, 3D ürün görselleştirme ve web tasarımı—tüm bu unsurlar dijitalde buluşuyor.


Web siteniz masraf değil, en büyük yatırımınız olsun.


Markanıza Özel Web Site Tasarımı İçin Harekete Geçin


Hazır kalıplara sığmayan, satış odaklı ve hızlı bir web sitesi mi istiyorsunuz?


3 basit adımda başlayalım:

  1. 15 dakikalık ücretsiz danışmanlık için benimle iletişime geçin

  2. Markanızı ve hedeflerinizi dinleyeyim

  3. Size özel yol haritası ve teklif hazırlayayım



Abdullah Şahan

Freelance Grafik Tasarımcı & Web Geliştirici

Şahan Design | Ankara

bottom of page