If you have ever asked a developer to “make the logo bigger” or told a designer to “fix the database error,” you are not alone. Most people outside tech use “website design” and “website development” as if they are interchangeable. They are not. One profession decides how the car looks and where the controls sit. The other builds the engine, the transmission, and the wiring. If you are planning to build a site, hire a team, or switch careers, understanding the split will save you money, time, and frustration.
Web Sitesi Tasarımı Aslında Neleri Kapsar
Bir web tasarımcısının işi, tek bir satır kod yazılmadan önce sorunları çözmektir. Sitenin nasıl göründüğüyle ilgilendikleri kadar, bir insan perspektifinden nasıl davrandığıyla da ilgilenirler. Sundukları çıktılar, sonrasında gelen her şeye rehberlik eder.
Çalışma genellikle yapıyla başlar. Tasarımcılar, navigasyonun nerede duracağını, içeriğin nasıl akacağını ve bir kullanıcı eyleme çağrı (call-to-action) butonuna tıkladığında ne olacağını gösteren basit gri tonlamalı şemalar olan düzenler (layout) ve tel kafesler (wireframe) oluştururlar. Örneğin, çevrimiçi bir randevu alma sayfası için hazırlanan bir tel kafes, kullanıcıların kişisel bilgilerini girmeden önce müsait zaman dilimlerini görmeleri gerektiğini gösterebilir. Bu sıralamayı yanlış yaparsanız, insanlar formu doldurmaktan vazgeçer.
İskelet onaylandıktan sonra, tasarımcılar görsel dili katmanlar halinde eklerler. Marka standartlarını karşılayan ve erişilebilirlik kontrast kontrollerinden geçen renk paletleri seçerler. Parlak güneş ışığı altında bir telefon ekranında rahatça okunabilen yazı tipleri seçerler. Tutarlı üzerine gelme (hover) durumları ve geri bildirim döngüleri olan butonlar, ikonlar ve form alanları tasarlarlar. Tüm bunlar kullanıcı arayüzü (UI) çalışması kapsamına girer.
Ardından, kullanıcı deneyimi (UX) adlı daha geniş bir disiplin gelir. Bir UX tasarımcısı sürtünme (friction) noktalarını düşünür. Test grubunun yarısı neden kargo hesaplayıcısını bulamadı? Mobil kullanıcılar neden ürün galerisinde parmaklarıyla yakınlaştırma (pinch-zoom) yapıyor? Tasarımcı, navigasyonu yeniden düzenleyebilir, uzun bir ödeme sürecini net adımlara bölebilir veya bir şifrenin neden reddedildiğini açıklayan mikro metinler (micro-copy) ekleyebilir. Amaç dekorasyon değil, netlik sağlamaktır.
Modern bir tasarımcının araç çantası; iş birliğine dayalı prototipleme için Figma, Adobe XD, Sketch (Mac odaklı ajanslarda hala yaygındır) ve görsel ağırlıklı varlık çalışmaları için Photoshop'u içerir. Tasarımcılar giderek artan bir şekilde, geliştiriciler sürece dahil olmadan önce paydaşların sayfalar arasında gezinebileceği etkileşimli prototipler teslim etmektedir. Bu erken simülasyon, statik ekran görüntülerinin gizlediği yanlış anlaşılmaları yakalar.
Web Sitesi Geliştirme Aslında Ne Yapar
Eğer tasarım bir plan (blueprint) ise, geliştirme; inşaat ekibi, elektrik işleri ve bina denetiminin tek bir pakette birleşmiş halidir. Geliştiriciler, onaylanmış tasarımları tarayıcıların işleyebileceği (render) ve sunucuların işleyebileceği dosyalara dönüştürürler.
Front-end geliştiriciler görünür tarafla ilgilenirler. İçeriği yapılandırmak için HTML, düzeni ve tipografiyi kontrol etmek için CSS ve etkileşimi yönetmek için JavaScript yazarlar. Bir geliştirici, en yaygın JavaScript kütüphanelerinden biri olan React'ı kullandığında, genellikle sayfa yenilenmeden güncellenen gerçek zamanlı arama filtreleri veya dinamik alışveriş sepetleri gibi karmaşık bileşenler oluşturur. Görevleri, bir tasarımcının çizdiği butonun gerçekten veri göndermesini, bir yükleme durumu göstermesini ve bir onay mesajı görüntülemesini sağlamaktır.
Bu görünür katmanın arkasında ise back-end yer alır. Back-end geliştiriciler; Node.js, Python veya PHP gibi dilleri kullanarak sunucu tarafı mantığını yazarlar. Giriş kimlik doğrulamalarını yaparlar, ödemeleri işlerler ve bir kullanıcının “stokta var” mı yoksa “stokta yok” mu göreceğine karar veren iş kurallarını yönetirler. API'ler oluşturduklarında, verileri taşıyan haberciyi inşa etmektedirler