Web Tasarım
Markanıza göre planlanan web tasarım
İyi bir web tasarımı ziyaretçiye önce ne yaptığınızı, sonra neden sizi seçmesi gerektiğini ve en son size nasıl ulaşacağını anlatır. Bu sırayı hazır bir temaya uydurmak yerine, içeriğinizden ve müşterinizin sorularından yola çıkarak tasarlıyorum.
Özel tasarım mı, hazır tema mı?
Hazır temalar hızlı başlamak için kullanışlıdır, ama her sektöre aynı iskeleti giydirir. İçeriğiniz temanın kalıbına sığmadığında ya boş bölümler kalır ya da önemli bilgi yanlış yere düşer. Üstelik kullanılmayan özelliklerin kodu da sayfayla birlikte yüklenir.
Özel tasarımda sıra tersinedir: önce sayfada ne anlatılacağı belirlenir, sonra düzen bu içeriğe göre çizilir. Bir kafe için bu, menünün ve çalışma saatlerinin ilk ekranda görünmesi; bir hukuk ofisi içinse çalışma alanlarının sakin ve sade bir sırayla okunması demektir.
Altı demoda altı farklı tasarım kararı
Demoların hepsi aynı kod altyapısını paylaşıyor, ama her biri kendi sektörüne göre ayrı bir yazı tipi, renk ve düzenle tasarlandı. Demolardaki işletmeler kurgusaldır.
Kafe: sıcak ve samimi
Yumuşak hatlı Fraunces başlıklar ve DM Sans gövde metni; fiyatlar menü satırında ürün adıyla aynı hizada, göz gezdirerek okunacak şekilde. Kafe demosu
Restoran: sakin ve seçkin
Cormorant Garamond başlıklar ve geniş boşluklar. Uzun menü, sayfayı uzatmamak için sekmelere bölündü. Restoran demosu
Güzellik stüdyosu: zarif
Bodoni Moda ve Manrope eşleşmesi; bakım öncesi ve sonrasını kaydırarak karşılaştıran, klavyeyle de kullanılabilen bir görsel. Güzellik stüdyosu demosu
Hukuk ofisi: güven ve sadelik
Newsreader ve IBM Plex Sans ile kitap gibi okunan metinler; meslek kurallarına uygun olarak iddia ve vaat içermeyen bir dil. Hukuk ofisi demosu
Spor salonu: enerjik
Dar ve büyük Anton başlıklar. Türkçe harflerin şapkaları ve noktaları birbirine değmesin diye satır aralığı ayrıca ayarlandı; ders programı güne göre filtreleniyor. Spor salonu demosu
Emlak ofisi: düzenli ve net
Instrument Serif ve Instrument Sans; ilan kartlarında fiyat, konum ve oda bilgisi aynı sırada. Satılık, kiralık ve bölge seçimiyle arama. Emlak demosu
Tasarımda dikkat ettiğim ilkeler
- Mobil ekrandan başlamak: önce telefon tasarlanır, sonra geniş ekrana açılır
- Okunabilir tipografi: yeterli yazı boyutu, satır uzunluğu ve kontrast
- Net bir ana eylem: her sayfada ziyaretçinin atacağı adım belli
- Tutarlı bileşenler: butonlar, kartlar ve formlar her sayfada aynı davranır
- Erişilebilirlik: klavyeyle gezinme, görünür odak ve anlamlı alternatif metinler
- Karanlık mod uyumu: isteyen projede renkler iki temada da okunur
Mevcut sitenizi yeniden tasarlamak
Siteniz eski görünüyor, telefonda bozuluyor ya da ziyaretçiler aradığını bulamıyorsa her şeyi sıfırdan yazmak gerekmeyebilir. Önce mevcut sayfalarınızı ve içeriğinizi inceliyor, işe yarayan bilgileri koruyarak düzeni, görünümü ve altyapıyı yeniliyorum.
Adresi değişen sayfalar için eski adresten yenisine kalıcı yönlendirme ekleniyor; böylece arama motorlarındaki mevcut görünürlüğünüz ve paylaşılmış bağlantılarınız boşa gitmiyor.
Tasarım süreci
-
İçerik ve hedef
Sitenin kime, hangi bilgiyi, hangi sırayla anlatacağını birlikte çıkarıyoruz.
-
Sayfa düzeni
Bölümlerin sırası ve ana eylemin yeri telefon ekranı üzerinde planlanıyor.
-
Görsel dil
Logonuzla uyumlu renkler, yazı tipleri ve bileşenler belirleniyor.
-
Onay ve revizyon
Tasarımı onayınıza sunuyorum; geri bildirimleriniz paketinizdeki revizyon turlarıyla uygulanıyor.
Tasarım onaylandıktan sonraki kodlama aşamasını web geliştirme sayfasında anlatıyorum.
Sık sorulan sorular
Hazır tema mı kullanıyorsunuz?
Hayır. Siteyi işletmenizin içeriğine ve hedefine göre tasarlayıp kendim kodluyorum. Bu sayede gereksiz eklentiler ve kullanılmayan kodlar siteyi yavaşlatmıyor.
Tasarımı görmeden karar vermem gerekiyor mu?
Hayır. Kodlamaya geçmeden önce tasarımı birlikte gözden geçiriyoruz; onayınızdan sonra geliştirmeye başlıyorum.
Logom ve kurumsal renklerim yoksa ne olur?
Site tasarımı sade ve güvenli bir renk paleti ve okunaklı yazı tipleriyle başlayabilir. Logo ve kurumsal kimlik tasarımı ayrı bir uzmanlık alanıdır; ihtiyacınız varsa bunu ilk görüşmede konuşuruz.
Mobil uyumlu tasarım tam olarak ne demek?
Sayfanın telefon, tablet ve bilgisayarda ekran genişliğine göre kendini düzenlemesi demektir: yazılar yakınlaştırmadan okunur, butonlar parmakla rahat basılır ve yatay kaydırma gerekmez.
Web tasarım fiyatını ne belirler?
Sayfa sayısı, bölümlerin çeşitliliği, form veya randevu gibi işlevler, çok dil ihtiyacı ve içeriklerin hazır olup olmadığı. Tek sayfalık siteler 12.000 TL'den, 4–7 sayfalık siteler 20.000 TL'den başlar; ayrıntılar hizmetler sayfasındadır.
İletişime Geç
Web sitesi, landing page ya da web uygulaması için teklif almak istiyorsanız formu doldurun. Projenizi, hedefinizi ve varsa örnek aldığınız siteleri yazmanız yeterli.