Web Tasarım Uzmanı: Dönüşüm Odaklı, SEO Uyumlu Modern Web Siteleri

İyi web tasarımı görsel değil, dönüşüm meselesidir. Kurumsal site, e-ticaret veya özel uygulamalar için performans, mobil deneyim ve SEO temeli üzerine kurulu modern web çözümleri tasarlıyorum.

Web tasarım; kullanıcı arayüzü (UI), deneyim (UX), yazılım, mobil uyumluluk ve arama motoru optimizasyonunun (SEO) kusursuz entegrasyonudur. Ziyaretçiler sitede kalıp kalmayacağına ilk 50 milisaniyede karar verir. Mobil kullanıcıların %53'ü 3 saniyede açılmayan sayfayı terk eder. Doğru kurgulanan bir web platformu, dönüşüm oranlarını ortalama 2.7 kat artırır ve müşteri edinme maliyetini (CAC) doğrudan düşürür.

15+ yıl web tasarım, grafik tasarım ve dijital pazarlama deneyimiyle şekillenen Özkan Göçer markası; sadece estetik görünen sayfalar değil, satış üreten, ölçeklenebilir ve SEO uyumlu dijital platformlar inşa eder. 2026 standartlarında web siteleri dijital birer broşür değil, markanın 7/24 çalışan ana satış kanalıdır. Bir Growth Engineer olarak web'i, ölçülebilir büyüme üreten bir sistem olarak kuruyorum; tüm hizmetlerimi ana sayfamda bulabilirsiniz. Hız, mobil deneyim, erişilebilirlik ve doğru indekslenme stratejisi olmadan yayına alınan hiçbir site ciroya katkı sağlamaz. Sitenizin neden dönüşüm almadığını dönüşüm yazımda ele aldım. Reklam ve Web Tasarımı disiplinlerini birleştiren bu yapıda; tasarım, yazılım, SEO ve dijital pazarlama entegrasyonu tek bir net yol haritasında şekillenir. Bir web tasarım uzmanı olarak tasarımdan yazılıma tüm süreci tek elden yürütüyorum.

Web Tasarım ve Geliştirme Çözümleri

Hizmet portföyü beş ana çözüm etrafında şekillenir. Çözümler ihtiyaca göre bağımsız değerlendirilebilir veya entegre bir dijital strateji paketi olarak kurgulanabilir:

1. Kurumsal Web Sitesi Tasarımı

5-15 sayfalık marka platformları; anasayfa, hizmetler, hakkımızda, ekip, vaka çalışmaları, blog ve iletişim kurgularını kapsar. WordPress (özel tema) veya statik (Next.js) altyapısıyla inşa edilir. Tüm mimari mobile-first prensibiyle tasarlanır ve Core Web Vitals (LCP < 2.5s, INP < 200ms, CLS < 0.1) performans eşiklerini net şekilde geçer. İçerik yönetim paneli, ekibinizin teknik bilgiye ihtiyaç duymadan kullanabileceği sadelikte kurgulanır. SEO temeli (schema markup, semantik HTML, hreflang çoklu dil) yayına giriş anından itibaren aktiftir. Web tasarımının ne olduğunu web tasarım nedir yazımda temelden anlattım.

2. E-Ticaret Sitesi Geliştirme

WooCommerce (WordPress), Shopify veya Custom Laravel/Next.js mimarisiyle çalışan satış odaklı e-ticaret platformları. Ürün listeleme, gelişmiş filtreleme, pürüzsüz checkout deneyimi, iyzico/PayTR/Stripe ödeme altyapıları, kargo ve e-fatura/e-arşiv entegrasyonları eksiksiz kurulur. KOBİ'ler için 50-500 ürünlük dinamik yapılardan, 10,000+ ürün hacimli kurumsal çözümlere kadar uzanan geniş bir yelpaze sunulur. Mobil dönüşüm odaklı ödeme adımları, terk edilen sepet otomasyonları ve detaylı müşteri hesap yönetimi standart yapıya dahildir.

3. Web Tabanlı Özel Yazılım (SaaS, Dashboard, Panel)

İş akışlarını dijitalleştiren özel iç uygulamalar; yönetim panelleri, müşteri portalları, B2B sipariş sistemleri ve sektörel SaaS prototipleri. Laravel + Vue.js veya Next.js + Supabase modern teknoloji yığınlarıyla geliştirilir. Güvenli kimlik doğrulama, rol bazlı erişim kontrolü, işlem kayıtları (audit log) ve API entegrasyonları temel mimaride yer alır. Hızlı pazar testi için MVP aşamasından, tam donanımlı ölçeklenebilir ürünlere kadar farklı geliştirme fazları planlanır.

4. Web Tasarım Yenileme (Redesign) ve Migration

Eski WordPress, Joomla veya statik HTML sitelerinin modern mimariye kayıpsız taşınması. Süreç; detaylı içerik haritası çıkarılması, URL yapısının 301 yönlendirmeleriyle korunması, yeni tasarımın entegrasyonu ve mevcut SEO otoritesinin (equity) aktarılmasını kapsar. Taşıma işlemi kesintisiz (zero downtime) gerçekleşir; Search Console ve Ahrefs üzerinden anlık trafik takibi yapılır. Hatalı yenilemeler organik trafik çöküşünün birincil nedenidir; doğru kurgulanan bir migration süreciyle bu risk sıfıra indirilir.

5. Aylık Bakım, Optimizasyon ve Destek

Sistem güncellemeleri, kritik güvenlik yamaları, sürekli performans optimizasyonu, içerik girişleri ve minör tasarım geliştirmeleri. Aylık sabit ücretli (retainer) modelle ilerlenir; kapsam dışı geliştirmeler şeffaf saatlik tarifeyle projelendirilir. SSL yönetimi, CDN entegrasyonu, günlük yedekleme ve kesintisizlik (uptime) takibi pakete dahildir. Yıllık periyotlu anlaşmalarda 1 aylık maliyet avantajı sağlanır.

Modern Bir Web Platformunun Temel Standartları

2026 standartlarında rekabet edebilecek bir web projesi, aşağıdaki metriklerin tamamını eksiksiz karşılamalıdır:

  • Mobil öncelikli (mobile-first) mimari: Trafiğin %65-78'i mobil cihazlardan gelir; arayüz kararları masaüstü ekranlara göre değil, doğrudan mobil deneyime odaklanarak alınır.
  • Core Web Vitals uyumluluğu: LCP < 2.5s, INP < 200ms ve CLS < 0.1 değerleri; hem kritik Google sıralama faktörü hem de temel kullanıcı deneyimi eşiğidir.
  • Erişilebilirlik (WCAG 2.2 AA): Klavye navigasyonu, ekran okuyucu entegrasyonu ve doğru kontrast oranları; modern webin standart ve yasal gerekliliğidir.
  • Güçlü SEO temeli: Semantik HTML, yapılandırılmış veri (schema.org), open graph etiketleri, hreflang, sitemap ve canonical disiplini ilk günden kurgulanır.
  • İçerik yönetilebilirliği: Teknik bir personele ihtiyaç duymadan, ekibinizin kolayca içerik güncelleyebileceği sade ve işlevsel yönetim panelleri.
  • Proaktif güvenlik: HTTPS, HSTS, CSP güvenlik başlıkları, kaba kuvvet (brute-force) saldırı koruması ve otomatik yedekleme sistemleri.
  • Analytics ve veri altyapısı: GA4, Search Console, ısı haritaları (heatmap) ve dönüşüm hunisi takiplerinin eksiksiz entegrasyonu.

Proje Süreci ve Zaman Çizelgesi

Standart bir kurumsal web projesi ortalama 6-10 hafta, e-ticaret platformları 10-16 hafta, özel SaaS çözümleri ise 4-9 ay arasında tamamlanır:

  1. Hafta 1-2: Keşif ve Strateji: Detaylı brief, rakip ve pazar analizi, kullanıcı personalarının oluşturulması, içerik mimarisi (sitemap) ve sayfa iskeletlerinin (wireframe) planlanması.
  2. Hafta 3-4: UI/UX Tasarım: Figma üzerinden anasayfa ve kritik sayfaların konsept sunumu, revizyon döngüleri ve markaya özel tasarım sisteminin (renk, tipografi, UI bileşenleri) inşası.
  3. Hafta 5-7: Geliştirme: WordPress (Sage/Roots) veya Next.js mimarisinde ön yüz kodlaması, yönetim paneli entegrasyonu, teknik SEO temeli ve Core Web Vitals optimizasyonları.
  4. Hafta 8: Test ve Kalite Güvence (QA): Çapraz tarayıcı (cross-browser) ve mobil cihaz testleri, stres ve performans ölçümleri, erişilebilirlik denetimi ve son içerik girişleri.
  5. Hafta 9-10: Lansman ve Optimizasyon: Kesintisiz DNS geçişi, SSL yapılandırması, arama motoru bildirimleri, Analytics/Search Console kurulumları ve 30 günlük lansman sonrası teknik destek.

Web Geliştirme Yatırım Maliyetleri

Projenin sektörel dinamikleri, sayfa hacmi ve teknik gereksinimlerine göre şekillenen referans yatırım aralıkları:

  • Kurumsal web platformu (5-10 sayfa): 2,500-6,000 USD.
  • Kapsamlı kurumsal yapı (10-25 sayfa + blog + çok dilli): 6,000-12,000 USD.
  • WooCommerce / Shopify e-ticaret (50-500 ürün): 5,000-15,000 USD.
  • Özel e-ticaret mimarisi (10,000+ ürün, çok dilli, çok para birimli): 18,000-50,000 USD.
  • Özel SaaS / Dashboard MVP: 12,000-35,000 USD (3-4 ay).
  • Aylık teknik bakım ve destek (Retainer): 400-1,800 USD/ay.

Belirtilen rakamlar referans amaçlıdır; net bütçe planlaması detaylı proje analizinin ardından şekillenir. Web maliyetlerini genel olarak web sitesi fiyatları yazımda kıyasladım. 30 dakikalık strateji görüşmesinde projenizin teknik kapsamı ve gerçekçi maliyet haritası netleştirilir.

Doğru Dijital İş Ortağını Seçme Kriterleri

Web projeleri, birlikte çalışılan ekibe teknik ve operasyonel anlamda yüksek bağımlılık yaratır. Hatalı bir tercih, aylar süren zaman ve bütçe kaybına dönüşür:

  • Tasarım ve yazılım bütünlüğü: Sadece arayüz (Figma) çizen bir ekip çalışan bir sistem sunamaz; sadece kod yazan bir geliştirici ise marka kimliğini yansıtamaz. Her iki disiplini tek potada eriten yapıları tercih edin.
  • Gerçek mobile-first vizyonu: Referans projelerin mobil versiyonları masaüstü kadar kusursuz mu? Sunumlarda ilk gösterilen ekranın mobil olması, doğru stratejinin en net sinyalidir.
  • Teknik SEO hakimiyeti: Schema markup, semantik HTML, Core Web Vitals ve hreflang gibi metrikleri stratejiye dahil etmeyen, sadece eklenti kurarak SEO yaptığını iddia eden yaklaşımlardan uzak durun.
  • Lansman sonrası güvence: Proje teslimiyle bitmeyen; yayına alım sonrası en az 30 günlük teknik destek ve sürdürülebilir aylık bakım planı sunan iş ortaklarıyla ilerleyin.
  • Dijital mülkiyet hakları: Tüm kaynak dosyalar, tasarım şablonları (Figma), kod depoları (repo) ve tam yetkili admin erişimleri size ait olmalıdır. Geliştiriciye kilitli kalan bir sistem, markanın hareket alanını sıfırlar.

Grafik Tasarım, SEO ve AEO Entegrasyonu

İzole edilmiş bir web projesi, potansiyelinin yarısını baştan kaybeder. Grafik tasarım ile güçlü bir marka kimliği inşa edilmeden tutarlı bir arayüz ortaya çıkmaz. SEO mimarisi doğru kurgulanmadan organik trafik elde edilmez. AEO stratejisiyle yapay zeka destekli arama motorlarında konumlanmadan, 2026'nın nitelikli trafiği yakalanamaz. Dört temel disiplini tek bir merkezden yönetmek, dijital yatırımınızın maksimum ROI (Yatırım Getirisi) üretmesini sağlar.

Projeyi Başlatın

30 dakikalık ücretsiz strateji görüşmesi ile mevcut sisteminizin teknik röntgenini çekin, öncelikli ihtiyaçları belirleyin ve bütçenize uygun yol haritasını netleştirin. İletişim formu üzerinden proje brief'inizi iletin; iki iş günü içinde detaylı bir aksiyon planıyla süreci başlatalım.

İlgili Rehberler

SSS

Sıkça Sorulan Sorular

Yazıyı atlayıp doğrudan cevaba ulaşmak isteyenler için kısa notlar.

Web tasarım ve web geliştirme arasındaki fark nedir?
Web tasarım kullanıcı arayüzü (UI) ve deneyimi (UX) odaklıdır; Figma/Sketch üzerinde wireframe + visual design. Web geliştirme bu tasarımı çalışan koda dönüştürür: HTML, CSS, JavaScript, backend (PHP/Node/Python), veritabanı. İki disiplin ayrıdır ama iyi bir web projesinde aynı kişide veya aynı stüdyoda olmalıdır; aksi takdirde tasarım-kod kopması yaşanır. Ben her iki disiplini de tek paket altında sunuyorum.
Web tasarım için ne kadar ücret alıyorsunuz?
Proje kapsamına göre değişir. Referans fiyatlar: kurumsal tanıtım sitesi (5-10 sayfa) 2,500-6,000 USD; genişletilmiş kurumsal (10-25 sayfa + blog + çoklu dil) 6,000-12,000 USD; WooCommerce/Shopify e-ticaret 5,000-15,000 USD; custom e-ticaret veya SaaS 18,000-50,000 USD. Aylık bakım retainer 400-1,800 USD. Ön keşif görüşmesi ücretsiz; detaylı teklif keşif sonrası netleşir.
Web sitesi yapımı ne kadar sürer?
Kurumsal tanıtım sitesi (5-15 sayfa) 6-10 hafta, WooCommerce / Shopify e-ticaret 10-16 hafta, custom e-ticaret veya SaaS dashboard 4-9 ay. Süre içerik teslim hızınıza, revizyon turu sayısına ve özel özellik karmaşıklığına bağlıdır. Acil projeler için hızlandırılmış paket mevcut, ancak %30-50 ek ücretle ve scope daraltılarak.
WordPress mi, Shopify mi, Custom Code mu kullanmalıyım?
Use case'e göre değişir. WordPress: en geniş eklenti ekosistemi, içerik yoğun siteler için ideal, kurumsal blog ve marka sitelerinde standart. Shopify: hızlı e-ticaret başlangıcı, ödeme + lojistik entegrasyonları hazır, aylık SaaS ücreti var. Custom (Next.js/Laravel): tam kontrol, yüksek performans, ölçek gerektiren projeler için. Yıllık ürün satışınız 500,000 USD üstündeyse custom muhtemelen mantıklı; altındaysa Shopify veya WooCommerce verimli. Keşif görüşmesinde durumunuza göre öneri çıkıyor.
Mobil uyumlu (responsive) tasarım otomatik mi geliyor?
Profesyonel web tasarımcılarda evet, mobile-first yaklaşım standarttır. Trafiğin %65-78'i mobilden geldiği için tasarım önce mobil için yapılır, masaüstüne genişletilir. Ancak ucuz template veya hızlı çözümler hâlâ "masaüstü tasarım + zorla mobile sığdırma" yaklaşımı sergiliyor; bu yöntemle Core Web Vitals geçmiyor, dönüşüm oranı düşüyor. Web tasarımcınızın portföyündeki sitelerin mobil sürümünü mutlaka kontrol edin.
Core Web Vitals nedir ve neden önemli?
Core Web Vitals Google'ın 3 performans + kullanıcı deneyimi metriğidir: LCP (Largest Contentful Paint, < 2.5s): en büyük içerik öğesi ne kadar sürede yükleniyor; INP (Interaction to Next Paint, < 200ms): kullanıcı etkileşimine yanıt süresi; CLS (Cumulative Layout Shift, < 0.1): sayfa yüklenirken ne kadar atlıyor. Üçü de Google sıralama faktörü; eşikleri geçmeyen siteler organik trafikte düşüş yaşar. Bütün projelerimde lansman öncesi tüm eşikleri geçtiğini garanti ediyorum.
Web sitemin SEO uyumlu olup olmadığını nasıl anlarım?
Hızlı kontrol listesi: (1) Site Core Web Vitals'i geçiyor mu (PageSpeed Insights ile test); (2) Her sayfada özgün title + meta description var mı; (3) H1-H6 başlık hiyerarşisi tutarlı mı; (4) Schema markup uygulanmış mı (Google Rich Results Test); (5) Sitemap.xml + robots.txt + canonical doğru kurgulanmış mı; (6) Çoklu dil ise hreflang etiketleri mevcut mu? Altı sorunun ikisine "hayır" diyorsanız sitenin SEO temel denetimi acil. Ücretsiz teknik denetim yapıyorum.
Eski web sitemi yenilerken SEO trafiğimi kaybeder miyim?
Yanlış yapılan redesign SEO trafiği kaybının en büyük nedenidir; doğru migration ile kayıp sıfıra yakındır. Kritik adımlar: (1) mevcut URL haritası çıkar; (2) her eski URL'in yeni karşılığını belirle; (3) 301 yönlendirme zincirini doğru kur (chain'siz, doğrudan target'a); (4) yetim sayfa (orphan page) olmadığından emin ol; (5) lansmandan 1 ay önce Search Console + Ahrefs üzerinden baseline al, lansman sonrası karşılaştır. Tüm migration projelerimde zero-downtime + trafik koruma garantili.
Site yapımı bittikten sonra ben içerik ekleyebilir miyim?
Evet, tüm projelerimde kullanıcı dostu admin paneli kurulur; teknik bilgi gerektirmeden içerik (blog yazısı, sayfa, ürün, görsel) ekleyip düzenleyebilirsiniz. WordPress'te varsayılan admin paneli, custom projelerde ise özel CMS arayüzü sunulur. Teslimden sonra 1-2 saatlik kullanım eğitimi ücretsiz dahil; ekibinizin "nereden ne ekleneceğini" öğrenmesi için yeterli. Sürekli içerik üretim desteği isteyenler için aylık bakım retainer'ında içerik yönetimi de dahil edilebilir.
E-ticaret sitesi için hangi ödeme entegrasyonları kullanılabilir?
Türkiye için: iyzico, PayTR, Param, Esnek Ödeme, Stripe; uluslararası satış için: Stripe, PayPal, Klarna, Adyen. Sanal POS gerektiren çözümlerde banka entegrasyonu (Garanti, İşbank, Yapı Kredi) yapılır. Komisyon oranları %1.5-2.9 bandında; aylık sabit ücret yok (iyzico ve PayTR için), Stripe %1.4 + 0.25 EUR ek. Hangi entegrasyonun mantıklı olduğu, hedef pazar ve aylık ciro hacmine göre keşif görüşmesinde belirlenir.
Web tasarımcı seçerken nelere dikkat etmeliyim?
Beş kritik sinyal: (1) Tasarım + geliştirme birlikteliği: iki disiplini birlikte yapabilenleri tercih edin; (2) Mobile-first portföy: tasarımcının ilk gösterdiği ekran mobil mi?; (3) SEO temeli okuryazarlığı: Core Web Vitals, schema, hreflang konuşabiliyor mu?; (4) Post-launch destek: en az 30 gün ücretsiz destek + aylık bakım paketi var mı?; (5) Mülkiyet ve şeffaflık: kaynak dosyalar, repo erişimi, admin paneli sizde mi? "Source kodu vermem" diyen tasarımcıdan kaçın.
Hosting + alan adı kurulumu da hizmete dâhil mi?
Evet, lansman sürecinde alan adı yönetimi, DNS yapılandırması, hosting kurulumu, SSL sertifikası ve CDN (Cloudflare) entegrasyonu standart kapsama dâhil. Müvekkillere önerdiğim hosting partnerleri: WordPress için Cloudways, Kinsta; statik (Next.js) için Vercel, Netlify; custom için DigitalOcean, AWS. Aylık maliyetler 20-150 USD bandında; hangi seçeneğin mantıklı olduğu, trafik hacmine ve özelliklere göre değişir. Hosting müvekkilin kendi hesabı altında kalır; ben sadece kurulumu yaparım.
Web sitemin güvenliği için neler yapıyorsunuz?
Lansman öncesi güvenlik standartları: HTTPS + HSTS kullanımı, CSP (Content Security Policy) başlığı, X-Frame-Options + X-Content-Type-Options + Referrer-Policy, brute-force koruması (login deneme limiti), CSRF token disiplini, SQL injection için prepared statement zorlaması, file upload validation. WordPress için ek: 2FA, wp-config.php izolasyonu, sınırlı admin erişimi. Lansman sonrası: düzenli güvenlik yamaları (WordPress core + plugin update), günlük yedek, Cloudflare WAF.
Web sitemde GDPR / KVKK uyumu sağlanıyor mu?
Evet, tüm projelerimde standart kapsam: cookie banner (gerçek opt-in/opt-out mantığı, sahte değil), KVKK aydınlatma metni şablonu (avukatla revize edilmek üzere), gizlilik politikası sayfası, kullanım şartları sayfası, form üzerinden alınan veriler için açık rıza onayı, "verilerimi sil" talep formu. GDPR için ek olarak: AB ziyaretçileri için coğrafi tespit + cookie davranışını değiştirme, IP anonimleştirme, veri saklama süresi politikası. Hukuki metinlerin avukat onayının müvekkil tarafından alınması beklenir.
WordPress yerine custom kod ne zaman tercih edilmeli?
WordPress'in sınırlarına dayandığınızda: (1) kompleks iş akışları (B2B siparişi onay zinciri, çoklu sayfa workflow); (2) yüksek trafik (aylık 500K+ unique visitor); (3) özel UI etkileşimleri (animasyon, gerçek zamanlı veri); (4) entegrasyon yoğun sistemler (ERP, CRM bağlantıları); (5) SaaS ürünü (kullanıcı bazlı dashboard, plan yönetimi). Beş maddeden ikisi sizdeyse custom (Laravel + Vue.js veya Next.js + Supabase) yatırımı uzun vadede daha verimli olur. WordPress'in admin paneline alışkın ekipler için geçiş süresi 1-2 ay.
Aylık bakım paketi neleri kapsar?
Standart aylık bakım retainer'ım: WordPress core + plugin güncellemeleri (her hafta), güvenlik yamaları, günlük tam yedek (off-site), uptime monitoring 7/24, performans kontrolü (Core Web Vitals takibi), küçük tasarım/içerik değişiklikleri (ayda 2-4 saat), broken link tamiri, SEO sağlık denetimi. Ücretler aylık 400-1,800 USD bandındadır. Kapsam dışındaki yeni özellik geliştirmeleri saatlik tarife ile (75-125 USD/saat) ücretlendirilir. Yıllık anlaşmada 1 ay ücretsiz indirim sunuyorum.
Web tasarımcım projeyi bıraktığında ne yapmalıyım?
Başta tüm kaynak dosyalar, admin erişimi ve hosting hesabı sizde olmalıdır. Eski tasarımcı bıraktıysa: (1) mevcut site durumunu denetle (kullanılan stack, custom kod var mı, plugin bağımlılıkları); (2) kaynak dosyaları topla (Figma, repo, hosting şifreleri); (3) kritik güvenlik açıklarını ilk hafta kapat (eski parolaları değiştir, kullanılmayan admin hesaplarını sil); (4) 30 günlük geçiş planı yap. Devralma + sonraki adım planlama hizmetlerimi alıyorsanız ilk haftada tam audit + yol haritası teslim ediyorum.