Web tasarımcı bir sitenin nasıl görüneceğini ve kullanıcının nasıl gezineceğini tasarlar; frontend geliştirici bu tasarımı tarayıcıda çalışan koda dönüştürür; full-stack geliştirici ise buna ek olarak sunucu, veritabanı ve API tarafını da kurar. Kısacası tasarımcı 'ne ve neden' sorusunu, geliştiriciler 'nasıl çalışacak' sorusunu yanıtlar.
Türkiye'de iş ilanlarında ve günlük dilde bu unvanlar sık sık karışır. Birçok işletme için 'web tasarımcı', siteyi baştan sona yapan kişi anlamına gelir; oysa sektörde bu üç rol farklı beceri setleri ve farklı sorumluluklar taşır. Bu yazı hem kariyerini planlayan geliştiriciler hem de projesi için doğru kişiyi arayan işletmeler için bu farkları netleştiriyor.
Web tasarımcı ne yapar?
Web tasarımcı, bir web sitesinin görsel dilini, sayfa düzenini ve kullanıcı akışını tasarlayan kişidir. Web tasarımcının temel çıktısı çoğunlukla Figma gibi bir araçta hazırlanmış ekran tasarımları, bileşen kütüphanesi ve tıklanabilir prototiptir. İyi bir web tasarımcı yalnızca estetik değil, okunabilirlik, erişilebilirlik ve dönüşüm hedeflerini de gözetir.
- —Kullanıcı deneyimi (UX): site haritası, kullanıcı akışları, wireframe'ler.
- —Arayüz tasarımı (UI): tipografi, renk sistemi, boşluk düzeni, bileşenler.
- —Responsive düşünce: masaüstü, tablet ve mobil kırılımlar için ayrı düzenler.
- —Araçlar: Figma, prototipleme, temel görsel düzenleme; bazı tasarımcılar Webflow veya WordPress sayfa oluşturucularıyla da çalışır.
- —Temel HTML/CSS bilgisi: zorunlu değildir ama geliştiriciyle iletişimi çok kolaylaştırır.
Frontend geliştirici ne yapar?
Frontend geliştirici, tasarımı kullanıcının tarayıcısında çalışan, hızlı ve erişilebilir bir arayüze dönüştüren yazılımcıdır. Frontend geliştiricinin işi HTML, CSS ve JavaScript (çoğunlukla TypeScript) ile bileşenler kurmak, formları ve etkileşimleri çalıştırmak, veriyi API'lerden çekip ekranda göstermek ve sayfa hızını ölçüp iyileştirmektir.
- —Diller: HTML, CSS, JavaScript ve giderek standart hâle gelen TypeScript.
- —Framework'ler: React, Vue, Svelte; Next.js veya Vite gibi derleme ve render araçları.
- —Performans: Core Web Vitals, görsel optimizasyonu, kod bölme, cache stratejisi.
- —Erişilebilirlik: semantik HTML, klavye ile gezinme, ekran okuyucu uyumu.
- —SEO'nun teknik tarafı: prerender veya SSR, meta etiketler, yapılandırılmış veri, hreflang.
İlgili hizmetler
Full-stack geliştirici ne yapar?
Full-stack geliştirici, bir web uygulamasının hem tarayıcıda çalışan frontend tarafını hem de sunucuda çalışan backend tarafını geliştirebilen yazılımcıdır. Full-stack geliştirici veritabanı tasarımı, API yazımı, kullanıcı girişi ve yetkilendirme, ödeme veya ERP entegrasyonu ve sunucuya yayın gibi işleri de üstlenir; bu yüzden özel yazılım projelerinde kilit roldür.
- —Backend dilleri ve ortamları: Node.js, Python, PHP, Go, C# gibi seçeneklerden en az biri.
- —Veritabanı: PostgreSQL, MySQL gibi ilişkisel veritabanları; gerektiğinde Redis veya doküman tabanlı çözümler.
- —API tasarımı: REST veya GraphQL, kimlik doğrulama, rol bazlı yetki.
- —Altyapı: sunucu yönetimi, Docker, CDN ve DNS ayarları, yedekleme, loglama.
- —Güvenlik: girdi doğrulama, parola saklama, KVKK açısından veri minimizasyonu.
Önemli bir not: 'full-stack' her iki tarafta da aynı derinlikte uzman olmak anlamına gelmez. Çoğu full-stack geliştiricinin bir tarafı daha güçlüdür. Büyük projelerde bu yüzden ayrı frontend ve backend uzmanlarından oluşan ekipler tercih edilir; küçük ve orta ölçekli projelerde ise iyi bir full-stack geliştirici hız ve tutarlılık kazandırır.
Üç rol arasındaki temel farklar nelerdir?
Web tasarımcı, frontend geliştirici ve full-stack geliştirici arasındaki temel fark sorumluluk alanıdır: tasarımcı görünümü ve deneyimi, frontend geliştirici tarayıcıda çalışan arayüzü, full-stack geliştirici ise arayüzle birlikte veri, sunucu ve entegrasyonları üstlenir. Rollerin çıktıları, kullandıkları araçlar ve hata yaptıklarında ortaya çıkan sorunlar da buna göre farklılaşır.
- —Ana çıktı — Tasarımcı: Figma dosyası ve prototip. Frontend: çalışan arayüz kodu. Full-stack: uçtan uca çalışan uygulama.
- —Temel soru — Tasarımcı: kullanıcı ne görmeli ve ne yapmalı? Frontend: bu arayüz her cihazda hızlı ve doğru çalışıyor mu? Full-stack: veri nereden gelip nereye gidiyor, sistem güvenli mi?
- —Eksik olduğunda — Tasarımcı yoksa site çalışır ama güven vermez ve dönüşüm sağlamaz. Frontend zayıfsa site yavaş, bozuk görünümlü veya erişilemez olur. Backend zayıfsa veri kaybı ve güvenlik açıkları doğar.
- —Tipik proje — Tasarımcı + frontend: kurumsal tanıtım sitesi. Full-stack veya ekip: e-ticaret, müşteri paneli, özel yazılım.
Geliştiriciler için kariyer yolu nasıl ilerler?
Web geliştirme kariyeri genellikle HTML, CSS ve JavaScript temelleriyle başlar, ardından bir frontend framework'ü ile derinleşir ve zamanla backend, veritabanı ve altyapı bilgisiyle full-stack yetkinliğe doğru genişler. Kariyer yolunda unvandan çok, yayına alınmış gerçek projeler ve bu projelerde verilen teknik kararlar belirleyicidir.
- —1. Temel: semantik HTML, modern CSS (flexbox, grid), JavaScript ve tarayıcının nasıl çalıştığı.
- —2. Frontend derinleşme: TypeScript, React veya Vue, state yönetimi, erişilebilirlik, performans ölçümü.
- —3. Backend'e geçiş: bir sunucu dili, SQL, API tasarımı, kimlik doğrulama.
- —4. Yayın ve altyapı: Git, CI/CD, sunucu ve CDN yapılandırması, izleme.
- —5. Uzmanlaşma veya liderlik: performans, güvenlik, tasarım sistemleri ya da teknik liderlik.
Tasarımcılar için de benzer bir genişleme yolu vardır: temel HTML ve CSS öğrenen bir tasarımcı, geliştiriciyle çok daha verimli çalışır ve tasarımlarının gerçekte nasıl davranacağını daha iyi öngörür. 2026 itibarıyla yapay zeka kod asistanları giriş seviyesindeki tekrarlı işleri hızlandırsa da mimari karar verme, hata ayıklama ve ürün anlayışı gibi beceriler daha değerli hâle geliyor.
İşletmeler projeleri için kimi işe almalı?
İşletmenin kimi işe alması gerektiği projenin türüne bağlıdır: birkaç sayfalık kurumsal tanıtım sitesi için tasarımcı ile frontend geliştirici yeterlidir, e-ticaret ve entegrasyon içeren projelerde full-stack yetkinlik gerekir, özel yazılımda ise tasarımcı, frontend, backend ve proje yönetiminden oluşan bir ekip en sağlıklı sonucu verir.
- —Kurumsal tanıtım sitesi (5–15 sayfa): UI/UX tasarımcı + frontend geliştirici. SEO altyapısı ve hız burada kritik.
- —Hazır altyapılı e-ticaret: tasarımcı + platforma hâkim bir geliştirici; ödeme ve kargo entegrasyonları için backend bilgisi.
- —Özel e-ticaret, B2B portal veya müşteri paneli: full-stack geliştirici veya frontend + backend ekibi, yanında tasarımcı.
- —Özel iş yazılımı (stok, sipariş, üretim takibi): analiz ve proje yönetimi dahil tam ekip.
- —Mevcut sitede yalnızca görsel yenileme: tasarımcı + frontend; veri yapısı değişmiyorsa backend gerekmez.
Aday veya ajans değerlendirirken unvana değil, yayında olan işlere bakın: sitelerin mobilde nasıl açıldığını, hız ölçümlerini, formların çalışıp çalışmadığını ve arama motorlarında nasıl göründüğünü kontrol edin. 'Her şeyi tek başıma yaparım' diyen birinin gerçekten hangi alanda güçlü olduğunu referans projeler üzerinden sorun.
Bölgenizde destek
Ajans ekibi mi, tek bir geliştirici mi?
Ajans ekibi ile tek bir geliştirici arasındaki seçim, projenin kaç farklı beceri gerektirdiğine ve sürekliliğe ne kadar ihtiyaç duyulduğuna bağlıdır. Tek bir geliştirici küçük ve net kapsamlı işlerde hızlı ve ekonomik olabilir; tasarım, geliştirme, SEO ve bakım bir arada gerektiğinde ise bu rolleri birlikte yöneten bir ekip daha az risk taşır.
404 Ajans'ta tasarım ve geliştirme aynı çatı altında yürüdüğü için tasarımda verilen kararlar, performans ve SEO etkisi düşünülerek daha ilk aşamada kodla uyumlu hâle getirilir. Hangi yapıyı seçerseniz seçin, sözleşmede kimin hangi işten sorumlu olduğunu, kaynak kodun ve tasarım dosyalarının kime ait olacağını ve yayın sonrası desteği yazılı olarak netleştirin.