Kayseri Web Tasarım Eğitimi

Bir sitenin işi beğenilmek değil, ziyaretçiyi bir sonraki adıma taşımaktır.

1. 1.1 Tasarımın Dönüşüme Etkisi

   Sayfa düzeninin, netliğin ve güven unsurlarının karar anındaki rolü. Estetik ile işlevin nerede ayrıştığı.

   Kazanım: Tasarım kararlarını beğeniyle değil işlevle savunabilirsiniz.

2. 1.2 Bilgi Hiyerarşisi

   Birincil mesaj, destekleyici açıklama ve detaylar. Ziyaretçi her şeyi okumaz; hangi sırayla ne göreceğine siz karar verirsiniz.

   Kazanım: Sayfalarınızı üç katmanlı hiyerarşiyle kurgularsınız.

3. 1.3 Sezgisel Navigasyon

   Menü yapısı, isimlendirme ve kullanıcının nerede olduğunu bilmesi. Anlık geri bildirimin önemi.

   Kazanım: Ziyaretçinin kaybolmadığı bir menü kurarsınız.

4. 1.4 Hero Formülü

   Net başlık, kısa açıklama ve güçlü bir harekete geçirici ifade. İlk ekranın tek işi vardır.

   Kazanım: Ne yaptığınızı bir bakışta anlatan bir açılış bölümü yazarsınız.

Yanlış altyapı seçimi sonradan düzeltilmesi en pahalı karardır. Bu modül o kararı matrisle verir.

1. 2.1 Hazır Altyapı Mantığı

   Kod yazarak değil, dönüştürerek üretmek. Haftalarca süren süreçlerin saatlere inmesi ve bunun stratejik anlamı.

   Kazanım: Hangi işin kod, hangisinin hazır altyapı gerektirdiğini ayırt edersiniz.

2. 2.2 Karar Matrisi: Ürün Tipi ve Altyapı

   Fiziksel ürün, dijital ürün, abonelik modeli ve hizmet — her biri farklı bir altyapıya işaret eder.

   Kazanım: Kendi ürün tipiniz için gerekçeli bir altyapı seçersiniz.

3. 2.3 Gerçek Maliyet Kalemleri

   Tema ve eklenti lisansları, sunucu veya üyelik bedeli, ödeme komisyonları, güncelleme ve bakım. Görünen fiyat toplam maliyet değildir.

   Kazanım: Aylık gerçek maliyetinizi kalem kalem hesaplarsınız.

4. 2.4 Geçiş ve Kilitlenme Riski

   Bir platformdan çıkmanın maliyeti, verinin taşınabilirliği ve alan adının kimde durduğu.

   Kazanım: Kilitlenmeden kaçınan bir kurulum yaparsınız.

Logo bir süs değil, markanızla kurulan ilk temastır — ve genellikle tek saniyelik bir temastır.

1. 3.1 İyi Logonun Beş Şartı

   Basitlik, akılda kalıcılık, zamansızlık, çok yönlülük ve işe uygunluk. Her şartın somut testi.

   Kazanım: Bir logoyu beş ölçütle nesnel biçimde değerlendirirsiniz.

2. 3.2 Keşif: Markanızı Tanımlamak

   Temel mesaj, hedef kitle, sektör kodları ve rakiplerden farkınız. Tasarım bu cevaplardan sonra başlar.

   Kazanım: Tasarıma girmeden önce doldurulmuş bir marka brief'iniz olur.

3. 3.3 Kullanım ve Uyarlama

   Aynı logonun küçük ekranda, tek renkte ve koyu zeminde çalışması. Sosyal medya profilinden faturaya kadar.

   Kazanım: Her ortamda çalışan bir logo seti hazırlarsınız.

Renk bir zevk meselesi değildir; sektöre, mesaja ve kullanıcının beklentisine bağlı bir karardır.

1. 4.1 Renklerin Taşıdığı Anlam

   Güven, aciliyet, doğallık ve lüks gibi çağrışımların hangi renklerle kurulduğu ve hangi sektörlerde kullanıldığı.

   Kazanım: Sektörünüze uygun renk yönünü gerekçeyle seçersiniz.

2. 4.2 Palet Kurmak

   Ana renk, destek rengi ve vurgu rengi. Vurgunun harekete geçirici ifadeye saklanması.

   Kazanım: Üç katmanlı, tutarlı bir palet kurarsınız.

3. 4.3 Kontrast ve Okunabilirlik

   Rengin güzel görünmesi yetmez; metin okunmalıdır. Kontrast ölçütü ve erişilebilirlik.

   Kazanım: Paletinizi okunabilirlik açısından test eder ve düzeltirsiniz.

Sitenin sesini font belirler. Yanlış font, doğru metni bile zayıflatır.

1. 5.1 Font Aileleri ve Kullanım Alanları

   Kurumsal hizmetler, uzun form içerik, basılı yayın ve lüks segment — her birinin farklı bir font karakteri vardır.

   Kazanım: İşinize uygun font ailesini seçersiniz.

2. 5.2 İkili Eşleştirme

   Başlık ve gövde fontunun birlikte çalışması, kaç fontun yeterli olduğu ve ne zaman fazlalaştığı.

   Kazanım: Başlık-gövde font çifti kurar, tutarlı uygularsınız.

3. 5.3 Ölçek ve Okunabilirlik

   Punto merdiveni, satır yüksekliği ve satır uzunluğu. Mobilde okunan metnin gereklilikleri.

   Kazanım: Bir tipografi ölçeği kurar, tüm sayfalarda uygularsınız.

Bir satış sayfası rastgele bölümlerin toplamı değil, sıralı bir ikna akışıdır.

1. 6.1 Üç Aşamalı Akış: Giriş, İkna, Dönüşüm

   Her bölümün akıştaki görevi ve bölümlerin hangi sırayla dizileceği.

   Kazanım: Sayfanızı akış mantığıyla bölümlere ayırırsınız.

2. 6.2 Tek Harekete Geçirici İfade Kuralı

   Bir sayfada birden fazla ana istek olduğunda hiçbiri yapılmaz. Butonun yeri, tekrarı ve dili.

   Kazanım: Sayfa başına tek bir ana istek tanımlar ve onu tekrarlarsınız.

3. 6.3 Güven Unsurları

   Referans, iletişim bilgisi, açık fiyat ve gerçek görsel. Neyin güven verdiği, neyin şüphe uyandırdığı.

   Kazanım: Sayfanıza doğrulanabilir güven unsurları yerleştirirsiniz.

4. 6.4 Şablondan Kendi Sayfanıza

   Boş tuval mi temiz şablon mu, bölümlerin ayrı ayrı planlanması ve düzenlemeyi kolaylaştıran yapı.

   Kazanım: Sürdürülebilir biçimde düzenlenebilen bir sayfa kurarsınız.

Yayına almak bitiş değil başlangıçtır — ölçmediğiniz siteyi geliştiremezsiniz.

1. 7.1 Görsel Optimizasyonu ve Sayfa Hızı

   Format seçimi, boyut sıkıştırma, ölçülü görsel kullanımı ve hızın kullanıcı davranışına etkisi.

   Kazanım: Görsellerinizi optimize eder, açılış süresini ölçersiniz.

2. 7.2 Mobil Uyumluluk Denetimi

   Farklı ekran boyutlarında düzenin bozulmaması, dokunma hedefleri ve mobilde okunabilirlik.

   Kazanım: Sitenizi mobilde baştan sona denetlersiniz.

3. 7.3 Ölçüm Kurulumu

   Analytics, Search Console ve etiket yöneticisinin kurulması; hangi olayın neden izlendiği.

   Kazanım: Ziyaretçi davranışını görebileceğiniz bir ölçüm katmanı kurarsınız.

4. 7.4 Yayın ve Sonrası

   Yayın öncesi kontrol listesi, ilk hafta bakılacaklar ve düzenli bakım ritmi.

   Kazanım: Siteyi yayına alır ve devam planınızla çıkarsınız.