Profesyonel Web Tasarım Hizmetleri

Web Tasarım Nedir, İşletmeniz İçin Neden Kritik?

Web tasarım, bir markanın dijital dünyadaki yüzünü oluşturan görsel tasarım, kullanıcı deneyimi ve teknik altyapı çalışmalarının bütünüdür. Bugün Türkiye'de tüketicilerin büyük çoğunluğu bir işletmeyle çalışmadan önce web sitesini inceliyor; potansiyel müşterinizin markanızla ilk teması çoğu zaman fiziksel mağazanız değil, web siteniz oluyor. İlk izlenim ise saniyeler içinde oluşuyor: yavaş açılan, mobilde bozulan veya güven vermeyen bir site, ziyaretçiyi daha içeriğinize ulaşamadan kaybettirir.

Profesyonel web tasarım tam bu noktada devreye girer. Marmaragen olarak sekiz yılı aşkın süredir İstanbul merkezli olarak Türkiye'nin dört bir yanındaki işletmelere kurumsal web sitesi, tanıtım sitesi ve açılış (landing) sayfası tasarlıyoruz. Yaklaşımımız yalnızca "güzel görünen" bir site üretmek değil; arama motorlarında bulunan, her cihazda kusursuz çalışan ve ziyaretçiyi müşteriye dönüştüren bir dijital satış aracı inşa etmektir.

Marmaragen Web Tasarım Yaklaşımı

SEO uyumlu tasarım: görünürlük tasarım masasında başlar

Bir web sitesinin Google'da üst sıralara çıkması, yayına alındıktan sonra yapılan çalışmalardan çok, tasarım aşamasında atılan temellere bağlıdır. Semantik HTML yapısı, hızlı yükleme süreleri, doğru başlık hiyerarşisi (H1-H2-H3), schema markup ve arama motoru dostu URL yapısı; tüm projelerimizde standart olarak uygulanır. Google'ın Core Web Vitals metriklerini (LCP, INP, CLS) tasarım kararlarının merkezine koyarız: görsel optimizasyonu, kritik CSS ve tembel yükleme (lazy loading) ile siteniz hem kullanıcıya hem Google botlarına hızlı açılır.

Mobil öncelikli (mobile-first) tasarım

Türkiye'de web trafiğinin üçte ikisinden fazlası mobil cihazlardan geliyor. Bu yüzden tasarıma masaüstünden değil, mobil ekrandan başlıyoruz. Dokunmatik hedef boyutları, tek elle kullanım ergonomisi, mobil menü kurgusu ve mobil sayfa hızı; responsive web tasarımın ötesinde, mobil kullanıcıyı birinci sınıf vatandaş kabul eden bir yaklaşımla ele alınır.

Dönüşüm odaklı kurgu

Ziyaretçi sayısı tek başına bir anlam ifade etmez; önemli olan ziyaretçinin teklif formu doldurması, telefon araması veya satın almasıdır. Sayfa kurgularımızda çağrı butonlarının (CTA) yerleşimi, güven unsurları (referanslar, rakamlar, sertifikalar), form sadeliği ve okuma akışı; dönüşüm oranı optimizasyonu (CRO) prensipleriyle planlanır.

Web Tasarım Sürecimiz: Adım Adım

1. Keşif ve analiz — İşletmenizi, hedef kitlenizi ve rakiplerinizi analiz ediyoruz. Sitenin hedefi (tanıtım, satış, başvuru) netleştirilir, anahtar kelime araştırması yapılır.
2. Bilgi mimarisi ve wireframe — Sayfa haritası ve içerik hiyerarşisi kurgulanır; her sayfanın iskelet çizimi (wireframe) onayınıza sunulur.
3. Görsel tasarım — Marka kimliğinize özel renk, tipografi ve bileşen sistemi tasarlanır. Figma üzerinden piksel hassasiyetinde ekranlar hazırlanır, revizyonlarla son haline getirilir.
4. Geliştirme — Onaylanan tasarım; hızlı, güvenli ve SEO uyumlu kodla hayata geçirilir. İçerik girişi yapılır, tarayıcı ve cihaz testlerinden geçirilir.
5. Yayın ve destek — Alan adı, hosting ve SSL kurulumuyla site yayına alınır; Google Search Console ve Analytics bağlanır. Yayın sonrası bakım ve 7/24 destek devam eder.

Hangi Tür Web Siteleri Tasarlıyoruz?

Kurumsal web sitesi

Şirketinizin hizmetlerini, referanslarını ve kurumsal kimliğini profesyonelce sunan, güven inşa eden siteler. KOBİ'lerden holdinglere her ölçekte işletme için.

E-ticaret sitesi

Ürünlerinizi online satmanızı sağlayan, ödeme ve kargo entegrasyonlu mağazalar. Detaylar için e-ticaret yazılımı hizmetimize göz atın.

Açılış (landing) sayfası

Reklam kampanyalarınız için tek hedefe odaklanmış, yüksek dönüşümlü satış sayfaları. Google Ads ve sosyal medya reklamlarıyla mükemmel uyum.

Katalog ve tanıtım siteleri

Ürün gamınızı bayilere ve müşterilere sergileyen, teklif toplamaya odaklı katalog siteleri; etkinlik, restoran, klinik gibi sektörel tanıtım siteleri.

Web Tasarımda SEO: İlk Günden Üst Sıralara

Yeni bir web sitesi yaptırırken en sık yapılan hata, SEO'yu "sonra yapılacak iş" olarak görmektir. Oysa site mimarisi, URL yapısı, başlık etiketleri ve içerik kurgusu yayına girdikten sonra değiştirmesi en maliyetli unsurlardır. Marmaragen'de her web tasarım projesi şu SEO altyapısıyla teslim edilir:

• Anahtar kelime araştırmasına dayalı sayfa ve başlık kurgusu
• Semantik HTML5 ve doğru başlık hiyerarşisi
• Schema.org yapılandırılmış veri işaretlemesi (LocalBusiness, Service, FAQ)
• XML site haritası ve robots.txt yapılandırması
• Core Web Vitals hedefli hız optimizasyonu
• Open Graph ve sosyal medya kartları
• Google Search Console ve Analytics kurulumu

Yayın sonrası sürekli SEO çalışması (içerik üretimi, otorite geliştirme, aylık raporlama) için Google SEO hizmetimizle devam edebilirsiniz.

Mobil Uyumluluk ve Cihaz Deneyimi

Bir web sitesinin mobilde "çalışıyor" olması ile mobilde "iyi" olması arasında büyük fark vardır. Masaüstü için tasarlanmış bir sayfayı küçültmek responsive tasarım değildir; gerçek mobil uyumluluk, içerik önceliklendirmesinden dokunma hedeflerine kadar ayrı bir tasarım disiplini gerektirir.

Dokunma ergonomisi ve tıklanabilir alanlar

Mobil ekranda parmak, farenin sağladığı hassasiyete sahip değildir. Butonlar ve bağlantılar için minimum 44×44 piksel dokunma alanı bırakıyor, birbirine yakın tıklanabilir öğeler arasında yeterli boşluk tanımlıyoruz. Menü, telefon numarası ve teklif formu gibi kritik eylemler başparmağın rahat ulaştığı ekran bölgesine yerleştiriliyor.

İçerik önceliklendirmesi

Masaüstünde yan yana duran üç sütun, mobilde alt alta gelir. Bu sıralamanın rastgele olmaması gerekir: ziyaretçinin önce görmesi gereken bilgi (ne yaptığınız, nasıl ulaşacağı, neden size güveneceği) en üste taşınır; ikincil içerikler aşağı iner veya katlanabilir bölümlere alınır.

Görsel optimizasyonu ve veri tüketimi

Mobil kullanıcı çoğu zaman hücresel veri üzerinden bağlanır. WebP ve AVIF formatları, cihaz genişliğine göre farklı boyutta görsel sunan srcset yapısı ve ekran dışındaki görseller için tembel yükleme; hem sayfa hızını hem de kullanıcının veri tüketimini doğrudan iyileştirir.

Erişilebilirlik: Herkesin Kullanabildiği Web Sitesi

Erişilebilir tasarım yalnızca engelli kullanıcılar için değil, herkes için daha iyi bir deneyim üretir. Güneş altında telefonuna bakan bir kullanıcı da düşük kontrastlı metinden şikâyet eder; gürültülü ortamda video izleyen kullanıcı da altyazıya ihtiyaç duyar.

Projelerimizde WCAG 2.1 AA seviyesini hedefliyoruz:

• Renk kontrastı: Metin ile arka plan arasında en az 4.5:1 oranı
• Klavye navigasyonu: Fare kullanmadan tüm sayfanın gezilebilmesi, görünür odak halkaları
• Ekran okuyucu uyumu: Anlamlı alt metinleri, doğru ARIA etiketleri, mantıklı başlık hiyerarşisi
• Form etiketleri: Yalnızca placeholder'a dayanmayan, kalıcı ve okunabilir alan etiketleri
• Hareket tercihi: Animasyonların prefers-reduced-motion ayarına saygı göstermesi

Erişilebilirlik aynı zamanda bir SEO avantajıdır: arama motorları da tıpkı ekran okuyucular gibi semantik yapıyı okur. Detaylı arayüz çalışmaları için responsive design hizmetimize göz atabilirsiniz.

Site Hızı ve Core Web Vitals

Google, sayfa deneyimini sıralama sinyali olarak kullanır ve bunu üç ölçülebilir metrikle takip eder. Bir web tasarım projesinin teknik başarısı büyük ölçüde bu metriklerde okunur:

• LCP (Largest Contentful Paint): Sayfadaki en büyük içerik öğesinin görünme süresi. Hedef 2,5 saniyenin altı. Hero görselinin optimize edilmesi, kritik CSS'in satır içi verilmesi ve sunucu yanıt süresi burada belirleyicidir.
• INP (Interaction to Next Paint): Kullanıcı bir butona bastığında arayüzün yanıt verme hızı. Hedef 200 milisaniyenin altı. Gereksiz JavaScript yükünü azaltmak en etkili müdahaledir.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin kayması. Hedef 0,1'in altı. Görsel ve reklam alanlarına önceden yer ayırmak, yazı tiplerini doğru yüklemek sorunu çözer.

Bu metrikleri teslim öncesi ölçüyor, hedefleri tutmayan sayfayı yayına almıyoruz. Barındırma altyapısı da hıza doğrudan etki ettiği için web hosting hizmetimizle birlikte planlamak çoğu projede daha tutarlı sonuç verir.

İçerik Stratejisi ve Metin Yazarlığı

Tasarım bir kabuktur; ziyaretçiyi ikna eden şey içeriktir. Çok sık karşılaştığımız durum şudur: tasarım hazırdır ama metinler "yakında eklenecek" diye bekler ve site aylarca yayına giremez. Bu yüzden içerik planlamasını sürecin başına alıyoruz.

Sayfa başına tek amaç

Her sayfanın tek bir işi olmalıdır: bilgilendirmek, ikna etmek veya dönüştürmek. Ana sayfada her şeyi anlatmaya çalışan siteler hiçbir şeyi anlatamaz. Hizmet sayfaları derinleşir, ana sayfa yönlendirir.

Özellik değil fayda anlatımı

"Responsive tasarım yapıyoruz" bir özelliktir; "müşterileriniz telefondan da rahatça teklif isteyebilir" bir faydadır. Metinlerde teknik terimleri müşterinizin dilinde karşılıklarıyla açıklıyoruz.

Arama niyetine uygun içerik

Anahtar kelime araştırması yalnızca kelime bulmak değil, o kelimeyi arayan kişinin ne beklediğini anlamaktır. Bilgi arayan kullanıcıya satış sayfası, satın almaya hazır kullanıcıya uzun rehber göstermek dönüşüm kaybettirir. Sürekli içerik üretimi ve konu otoritesi için Google SEO hizmetimiz devreye girer.

Teknoloji Seçimi: Hangi Altyapı Size Uygun?

"Hangi teknolojiyle yapalım?" sorusunun cevabı sitenin ne yapacağına bağlıdır. Projelerinizde ihtiyaca göre şu yaklaşımlardan birini öneriyoruz:

Statik ve hafif siteler

Tanıtım siteleri, açılış sayfaları ve kurumsal siteler için elle kodlanmış, veritabanı gerektirmeyen yapılar en hızlı ve en güvenli seçenektir. Bakım maliyeti düşüktür, hacklenme yüzeyi neredeyse yoktur.

Yönetim panelli siteler

İçeriğini sık güncelleyen işletmeler için özel yönetim paneli geliştiriyoruz. Hazır sistemlerin şişkinliği ve güvenlik açıkları olmadan, yalnızca ihtiyacınız olan alanları içeren sade bir panel. Ayrıntılar: admin panel geliştirme.

Uygulama seviyesinde projeler

Üyelik, rezervasyon, hesaplama araçları veya dış sistem entegrasyonu gerektiren projelerde modern framework'lerle çalışıyoruz. Bu tür ihtiyaçlar için web yazılım ve frontend geliştirme hizmetlerimiz devreye girer.

Mevcut Sitenizi Yenilemek: Nelere Dikkat Etmeli?

Yeniden tasarım (redesign) projeleri sıfırdan yapılan projelerden daha risklidir; çünkü kaybedecek bir şeyiniz vardır: mevcut arama motoru sıralamalarınız ve alışkanlık kazanmış ziyaretçileriniz.

Bu riski yönetmek için izlediğimiz adımlar:

1. Mevcut durumu kayıt altına alma — Trafik alan sayfalar, sıralama aldığınız anahtar kelimeler ve gelen bağlantılar listelenir.
2. URL haritası çıkarma — Hangi eski adresin hangi yeni adrese karşılık geleceği önceden planlanır.
3. 301 yönlendirmeleri — Değişen her adres için kalıcı yönlendirme kurulur; böylece hem ziyaretçi hem arama motoru doğru sayfaya ulaşır.
4. İçerik taşıma — Trafik getiren mevcut içerikler silinmez; iyileştirilerek yeni tasarıma aktarılır.
5. Yayın sonrası izleme — Search Console üzerinden ilk haftalarda hata ve sıralama takibi yapılır.

Bu adımlar atlanırsa yeni ve güzel bir site, eskisinden daha az ziyaretçi alabilir. Sık gördüğümüz en pahalı hata budur.

Web Tasarım Fiyatları 2026: Neye Para Ödüyorsunuz?

"Web tasarım fiyatları ne kadar?" sorusunun tek bir cevabı yok; çünkü bir web sitesi projesinin maliyetini belirleyen değişkenler var:

• Sayfa sayısı ve içerik kapsamı — 5 sayfalık tanıtım sitesi ile 40 sayfalık kurumsal portal aynı emek değildir.
• Özgün tasarım ihtiyacı — Hazır tema uyarlaması mı, markanıza özel sıfırdan tasarım mı?
• Fonksiyonlar — Çok dillilik, üyelik sistemi, rezervasyon, ödeme entegrasyonu gibi ek modüller.
• İçerik üretimi — Metin yazarlığı, görsel seçimi ve SEO içerik desteği.

Şeffaf fiyat politikamızda üç hazır paketle çalışıyoruz: Başlangıç (küçük işletme), Profesyonel ve Kurumsal. Her paket logo tasarımı, kampanya görselleri ve SEO anahtar kelime çalışması içerir. Paketleri inceleyin veya projenize özel teklif için hemen arayın.

Neden Marmaragen?

• 8+ yıl deneyim, 150+ tamamlanmış proje: 2015'ten beri İstanbul'dan Türkiye geneline hizmet veriyoruz.
• %100 responsive garanti: Siteniz telefon, tablet ve masaüstünde kusursuz çalışır.
• Hız taahhüdü: Core Web Vitals hedeflerini tutmayan projeyi teslim etmeyiz.
• Sınırsız revizyon: Tasarım aşamasında içinize sinene kadar birlikte çalışırız.
• Yayın sonrası yanınızdayız: Bakım, güncelleme ve 7/24 canlı destek.

Web Tasarım Hakkında Sık Sorulan Sorular