Web tasarım denince akla çoğu zaman renk, font ve bir ana görsel gelir. Bunlar önemli olsa da asıl iş, firmanızın kendini doğru anlatması, doğru kişiyi karşılaması ve ziyaretçinin ne yapacağını net görmesidir. Bu rehber okul bölümü veya meslek seçimi için değil; kendi işiniz için bir site planlamak isteyenler içindir.
Codwork olarak web tasarımı, yazılım ve e-ticaret işlerinde aynı sırayı izleriz: önce sizi dinler, sonra tasarlar ve geliştirir, ardından yayına alıp yanında dururuz. Aşağıdaki çerçeve de bu sıraya dayanır. Hazır bir kalıbı kopyalamak yerine kendi işinize uygun bir yapı kurmanızı amaçlar.
Web tasarım nedir, firmanız için ne anlama gelir?
Web tasarım, bir sitenin görünümünü, sayfa düzenini, metin hiyerarşisini, düğmeleri ve formları tek bir deneyim halinde bir araya getirme işidir. İyi bir tasarım sadece “güzel durmak” değil; ziyaretçinin birkaç saniye içinde “burası ne iş yapıyor, bana uygun mu, şimdi ne yapmalıyım?” sorularına cevap vermesidir.
Bu yüzden tasarımı yazılım, içerik ve yayın sonrasından ayırmamak gerekir. Bir firma tanıtım sitesi ile ürün satan bir mağaza, veya randevu alan bir kişisel sayfa aynı iş değildir. Codwork hizmetleri içinde web tasarım ve yazılım, e-ticaret, mobil uygulama, kurumsal kimlik, arama görünürlüğü ve yapay zeka çözümleri ayrı durur; doğru plan, hangisine ihtiyacınız olduğunu başta netleştirmektir.
İyi bir siteyi neye bakarak tanırsınız?
Görsel beğeni kişiden kişiye değişir. İşe yarayan bir sitenin işaretleri daha sabittir:
- Ana sayfada ne iş yaptığınız bir bakışta anlaşılır; slogan tek başına yetmez, somut bir cümle gerekir.
- Telefon, e-posta veya form gibi bir iletişim yolu her sayfada görünür ve çalışır.
- Site telefonda da masaüstünde olduğu kadar rahat kullanılır; düğmeler parmakla basılabilir, yazılar okunur.
- Sayfalar gereksiz ağır değildir; ziyaretçi bekletilmez.
- Her önemli sayfanın bir amacı vardır: bilgi vermek, güven kurmak veya bir adım attırmak.
Bunların bir kısmı görünüm, bir kısmı teknik altyapıdır. Google da mobil uyum, anlaşılır yapı ve işe yarar içeriği birlikte ele alır. Resmi çerçeve için Google Arama Merkezi’nin SEO başlangıç rehberine bakabilirsiniz; bu yazıdaki öneriler o temelin üzerine, bir firmanın kendi sitesini planlamasına çevrilmiştir.
Planlamadan önce netleştirmeniz gereken beş karar
Tasarım programını açmadan önce kâğıt üzerinde netleşmesi gereken şeyler vardır. Bunlar atlanırsa site “güzel ama işe yaramayan” bir vitrine dönüşür.
1. Sitenin asıl işi nedir?
Bir site her şeyi aynı anda yapmak zorunda değildir. Üç yaygın amaç vardır: sizi tanıtmak ve güven vermek, bir ürün veya hizmet satmak, ya da bir talep (form, randevu, teklif, rezervasyon) toplamak. Hangisinin öncelikli olduğunu yazın. “Hepsini yapalım” demek, ana sayfayı kalabalıklaştırır ve hiçbir işi net bitirmez.
2. Kimi karşılıyorsunuz?
Ziyaretçi mevcut müşteriniz mi, sizi ilk kez duyan biri mi, yoksa tedarikçi veya iş ortağı mı? Bir psikolog sitesi ile bir toptan gıda sitesi aynı dilde konuşmaz. Birincisinde güven, uzmanlık ve iletişimin sade durması öne çıkar; ikincisinde ürün, stok ve sipariş yolu net olmalıdır. Hedef kitle netleşmeden “modern bir tasarım” seçmek, doğru rengi seçmek anlamına gelmez.
3. Ziyaretçiden beklediğiniz tek adım nedir?
Her sayfanın bir sonraki adımı olmalı: aramak, form doldurmak, WhatsApp’tan yazmak, bir ürünü incelemek veya bir hizmet sayfasına geçmek. Bu adım sayfanın içinde kaybolmamalı. Birden fazla çağrı varsa, bir tanesi asıl, diğerleri yardımcı olsun.
4. Elinizde hangi içerik var, hangisi yazılacak?
Metin, fotoğraf, logo, hizmet listesi ve referanslar sitenin yarısıdır. Tasarımcı boş sayfayı dolduramaz; sizin işinizi sizin cümleleriniz anlatır. Plan aşamasında hangi sayfada hangi bilgi duracak, kim yazacak, fotoğraflar nereden gelecek, bunları bir liste haline getirin. İçerik gecikirse yayın da gecikir.
5. Teknik sınırlar ve zorunluluklar neler?
Tek dil mi, birden fazla dil mi? Ürün ve ödeme var mı? Mevcut bir kurumsal kimlik (logo, renk, yazı tipi) var mı, yoksa siteden bağımsız mı düşünülecek? Yönetim panelinden metin ve görsel değiştirebilmek istiyor musunuz? Bu cevaplar hem tasarımı hem geliştirme süresini belirler.
Hangi site türü size uygun?
Tür seçimi, tasarımın iskeletini belirler. Codwork portföyündeki işler de bu ayrıma göre durur; her biri farklı bir ihtiyaca cevap verir.
- Firma tanıtım sitesi. Hizmetlerinizi, kim olduğunuzu ve nasıl ulaşıldığınızı anlatır. Web tasarım projelerimiz arasında Genç Kuruyemiş, TSS, Burada Matbaa, Saban ve Acaip Soslu Döner bu gruba yakındır: asıl iş tanıtım ve güven, bazen yanında ürün vitrini.
- Ürün satış ve e-ticaret. Katalog, sepet, ödeme ve sipariş yönetimi ister. Lebbox Kuruyemiş, Çerez Burada ve gemigo portföyde ürün satış sitesi olarak durur. Bu tür, tanıtım sitesinden daha fazla kural ve entegrasyon taşır.
- Kişisel ve uzmanlık sitesi. Tek bir uzmanın güvenine dayanır. Psikolog Selen Alptekin işi buna örnektir: sade bir yapı, kim olduğunuz, nasıl randevu alındığı ve iletişim öne çıkar.
- Belirli bir işe özel site. Çokbilet online bilet satışına, Qrkurumsal QR menüye, Adawall USA ise farklı bir pazar ve dile yönelik bir dekorasyon vitrinine hizmet eder. Burada tasarım, o işin kendi akışına göre kurulur; genel bir “kurumsal şablon” yetmez.
Kendi işinizi bu dört gruptan birine yerleştirmek, hem sayfa listesini hem bütçeyi konuşmayı kolaylaştırır. Tür karışırsa (tanıtım sitesine eksik bir mağaza eklemek gibi) hem tasarım hem kullanım zorlaşır.
Tasarım süreci nasıl ilerler?
İyi bir süreç sürpriz bırakmaz. Codwork’te üç ana adım vardır; bunları sizin tarafınızdan da takip edilebilir hale getirmek işi hızlandırır.
Sizi dinlemek ve planlamak
Hedef, kitle, mevcut malzeme ve teknik ihtiyaçlar konuşulur. Çıktı, hangi sayfaların duracağı, her sayfanın amacı ve yaklaşık bir yol haritasıdır. Bu aşamada rakip sitelere bakmak faydalıdır ama kopyalamak değil, “bu sitede ne işe yarıyor, bizde ne eksik?” diye bakmak gerekir.
Tasarlamak ve geliştirmek
Önce yapının iskeleti (hangi blok, hangi sıra), sonra görünüm gelir. Onayladığınız yön, mobil uyumlu, yönetilebilir ve hızlı bir siteye dönüştürülür. Bu noktada metinlerin taslak hali hazır olursa tasarım gerçek içerikle oturur; “lorem ipsum” ile onaylanan sayfa, gerçek metin girince bozulabilir.
Yayınlamak ve yanında durmak
Yayın bir bitiş değil, görünür olmanın başlangıcıdır. Formun çalıştığı, telefon numaralarının doğru olduğu, temel sayfaların arama motoruna açık olduğu kontrol edilir. Sonrasında içerik güncellemesi, hız ve küçük iyileştirmeler gelir. Sitenin “bitti, bir daha dokunulmaz” diye düşünülmesi, birkaç ay sonra bilgilerin eskimesine yol açar.
Görünümün ötesinde: hız, mobil ve anlaşılır yapı
Bir site telefonda sıkışıyor, görseller geç açılıyor veya başlıklar birbirine giriyorsa, güzel bir masaüstü tasarımı tek başına işe yaramaz. Hız ve mobil uyum hem ziyaretçi hem arama görünürlüğü için temeldir. Ölçülebilir tarafa bakmak isterseniz web.dev’in hız ve performans rehberleri resmi ve güncel bir kaynaktır.
Pratikte şunlara dikkat ederiz: görsellerin gereksiz büyük yüklenmemesi, önemli metnin görselin altında kaybolmaması, iletişim bilgilerinin “kaydırınca bulunan” bir yere gizlenmemesi. Portföydeki ürün satış işlerinde (örneğin Lebbox Kuruyemiş veya Çerez Burada) vitrin fotoğrafları öne çıkar; bu fotoğraflar ağır bırakılırsa sayfa yavaşlar. Tanıtım sitelerinde ise metin ve net bir çağrı daha kritiktir.
Sık yapılan planlama hataları
- Ana sayfaya her şeyi yığmak. Derin bilgi hizmet veya ürün sayfasındadır; ana sayfa yönlendirir.
- İçeriği “sonra yazarız” diye ertelemek. Yayın tarihi içerikle birlikte planlanmalıdır.
- Başka bir sektörün sitesini bire bir örnek almak. Restoran, avukatlık bürosu ve toptan gıda aynı güven işaretlerini kullanmaz.
- Sadece logo ve renk konuşup sayfa amacını konuşmamak.
- Yayın sonrası güncellemeyi düşünmemek: fiyat, adres, hizmet kapsamı değişir; site de değişmelidir.
Sık sorulan sorular
Web tasarım ile web yazılımı aynı şey midir?
Hayır. Tasarım, ziyaretçinin gördüğü düzen ve anlatımdır; yazılım ise formun çalışması, yönetim paneli, ödeme veya özel bir iş kuralıdır. Çoğu işte ikisi birlikte yürür. Sadece görünüm sipariş etmek, arkası boş bir sayfa bırakır; sadece yazılım sipariş etmek de kullanışsız bir arayüz doğurur.
Hazır tema almak yeterli olur mu?
Bazı dar kapsamlı işlerde, iyi seçilmiş bir temel üzerine gidilebilir. Ancak tema sizin işinizi anlatmaz; anlatım, sayfa listesi ve çağrı sizin kararınızdır. İşiniz özelse (bilet satışı, QR menü, farklı bir pazar) hazır bir kalıp genellikle yetmez.
Site kaç sayfa olmalı?
Sihirli bir sayı yoktur. İhtiyacınız olan her konunun bir yeri olmalı, olmayan konu için sayfa açılmamalıdır. Küçük bir firma için ana sayfa, hakkımızda, hizmetler, iletişim ve gerekirse bir referans sayfası yeter. Mağaza veya çok hizmetli bir yapıda sayı artar; önemli olan sayfa sayısı değil, her sayfanın bir işe yaramasıdır.
Tasarım ne kadar sürer?
Kapsama göre değişir. İçerik hazır, kararlar net ve kapsam birkaç sayfalık bir tanıtım ise süreç daha kısa durur. E-ticaret, çok dil veya özel bir iş akışı varsa süre uzar. Gerçekçi bir takvim, içerik teslim tarihini de içermelidir.
Yayına aldıktan sonra ne değişir?
Küçük metin ve görsel güncellemeleri yönetim panelinden siz yapabilirsiniz. Yeni bir hizmet, yeni bir dil veya yapısal bir değişiklik için birlikte bakmak gerekir. Sitenin açık kalması kadar, bilgilerin güncel kalması da işin parçasıdır.
Birlikte planlamak isterseniz
Doğru web tasarım, sizin işinizi dinleyen bir planla başlar. İhtiyacınızı, elinizdeki malzemeyi ve öncelikli adımı paylaşın; uygun yapıyı birlikte çıkaralım. İletişim sayfasından yazabilir, seçilmiş işlere web tasarım portföyünden bakabilirsiniz.