Web Tasarım

Web Tasarım Sürecini Ziyaretçinin Atacağı Adımdan Geriye Doğru Planlıyoruz

Adana’da hizmet veren bir işletmenin sitesine gelen ziyaretçi, genellikle kısa sürede iki soruya yanıt arar: Burası aradığım işi yapıyor mu ve onlara nasıl ulaşırım? Bu nedenle web tasarım sürecine renk paleti ya da hazır şablon seçerek değil, ziyaretçinin sitede atmasını istediğiniz adımı belirleyerek başlıyoruz. Söz konusu adım bir telefon araması, teklif formu, randevu talebi ya da iş yerinize yol tarifi olabilir. Hedef netleşince geriye doğru ilerliyoruz. Ziyaretçinin bu karara varmadan önce neyi bilmesi, hangi kaygısının giderilmesi ve hangi kanıtı görmesi gerektiğini tek tek yazıyoruz. Merak edilen şey fiyatlandırmanın nasıl yapıldığı mı, işin ne kadar sürdüğü mü, yoksa daha önce tamamlanmış işlerin örnekleri mi? Ortaya çıkan liste, sayfaların sırasını ve her sayfada neyin öne çıkacağını belirleyen iskelete dönüşür. Böylece site yalnızca derli toplu görünmekle kalmaz, işletmenize somut talep getirecek biçimde kurgulanmış olur.

İlk görüşmede sizi kısa bir soru listesiyle dinliyoruz. En çok gelir getiren ya da büyütmek istediğiniz hizmet hangisi? Tipik müşteriniz kim ve sizi bugün hangi yoldan buluyor: tavsiyeyle mi, sosyal medyadan mı, yoksa arama sonuçlarından mı? Telefonda size en sık sorulan sorular neler? Bu son soru özellikle değerlidir, çünkü müşterinin telefonda sorduğu her şey aslında sitede cevaplanmayı bekleyen bir başlıktır. Mevcut bir siteniz varsa ziyaret verilerini de inceliyoruz. Hangi sayfaların okunduğunu, ziyaretçilerin nerede ayrıldığını ve hangi cihazlardan geldiğini görmek, neyin korunup neyin değişeceğine karar vermeyi kolaylaştırır. Rakip sitelere de bakıyoruz; burada aradığımız şey örnek alınacak bir kalıp değil, müşterinizin karşılaştırma yaparken önüne çıkan tablodur. Herkesin atladığı bir bilgi, sizin sitenizde öne çıkarılabilecek bir fark olabilir. Görüşmelere işin sahibi kadar müşteriyle doğrudan konuşan çalışanlarınızın da katılması, resmi daha eksiksiz hâle getirir.

Keşif görüşmelerinin sonunda kısa bir proje özeti hazırlıyoruz. Bu belgede sitenin hedefi, hitap ettiği müşteri grubu, her sayfanın ana görevi ve içerik sorumlulukları yer alır. Metinleri kimin yazacağı, fotoğrafların nereden geleceği ve logo dosyalarının hangi biçimde elimize ulaşacağı gibi ayrıntılar da burada netleşir. Çok dilli yapı, çevrim içi randevu, ürün listesi ya da blog gibi ek ihtiyaçları da bu aşamada konuşuyoruz. Kapsamı tasarımdan önce belirlemek, çalışmanın ortasında sürpriz ek işlerin ve maliyetlerin çıkmasını önler. Özet belgeyi birlikte gözden geçirip onaylıyoruz; bundan sonraki her web tasarım kararı bu belgedeki hedeflere bağlanır. Bir renk tonu ya da bir görselin yeri tartışılırken bile ölçüt kişisel beğeni değil, ziyaretçinin atacağı adım olur. İş takvimini de gerçekçi aşamalara bölüyor, her aşamanın sonunda onayınızı alarak ilerliyoruz. Onay noktaları sayesinde projenin hangi aşamada olduğunu her an görebilirsiniz.

Sayfa Planını Müşterinizin Sorduğu Sorulara Göre Kuruyoruz

Site haritasını çizerken her sayfaya tek bir ana görev veriyoruz. Ana sayfa, ziyaretçiye ilk ekranda ne yaptığınızı, kime hizmet verdiğinizi ve size nasıl ulaşılacağını anlatmalıdır. Hizmetlerinizi tek bir uzun sayfaya sıkıştırmak yerine her ana hizmete ayrı bir sayfa açmayı öneriyoruz. Bu yapı hem ziyaretçinin aradığını daha çabuk bulmasını sağlar hem de arama motorlarının her hizmeti ayrı bir konu olarak tanımasına yardım eder. Hakkımızda sayfası, işin arkasındaki insanları ve çalışma biçiminizi gösterdiğinde güven oluşturur. İletişim sayfasında telefon, mesaj, adres, harita ve çalışma saatleri eksiksiz yer alır. Menüde süslü ifadeler yerine ziyaretçinin zaten aklından geçirdiği kelimeleri kullanıyoruz. Üst menüyü kısa tutuyor, ikincil sayfaları alt bilgi alanına ya da ilgili sayfaların içine yerleştiriyoruz. Ziyaretçinin ana sayfadan istediği bilgiye birkaç tıklamayla ulaşabilmesi, planın temel ölçütlerinden biridir. Telefon ekranında açılan menü de böylece tek bakışta taranabilir kalır.

Metinleri web tasarım aşamasının sonuna bırakmıyoruz, çünkü sayfanın düzeni içeriğin uzunluğuna ve önceliğine göre şekillenir. Her hizmet sayfası için ortak bir çatı kullanıyoruz: hizmetin neleri kapsadığı, işin hangi adımlarla yürüdüğü, müşterinin önceden neyi hazırlaması gerektiği ve sık sorulan sorular. Telefonda tekrar tekrar anlattığınız konular bu çatının içine yerleşince hem ziyaretçi aradığını bulur hem de gün içinde verdiğiniz yanıtların sayısı azalır. Dil olarak sektör terimlerinden çok müşterinizin kullandığı kelimeleri seçiyoruz. Paragrafları kısa tutuyor, uzun anlatımları ara başlıklarla bölüyoruz. Metinleri kendiniz yazmak isterseniz size sayfa sayfa doldurabileceğiniz bir taslak veriyoruz. Bu işi bize bırakırsanız, görüşmelerde aldığımız notlardan metinleri hazırlıyor ve yayından önce onayınıza sunuyoruz. Her sayfanın sonunda ziyaretçiyi bir sonraki adıma, örneğin teklif formuna ya da arama düğmesine yönlendiren kısa bir çağrı bulunur. Fiyatlandırma, süre ya da kapsamla ilgili her cümlenin sizin gerçek uygulamanızla örtüşmesine özellikle dikkat ediyoruz.

Görsel malzeme, metin kadar belirleyicidir. Kendi iş yerinizden, ekibinizden ve tamamladığınız işlerden kareler, hazır görsel arşivlerinden alınan fotoğraflardan çok daha fazla güven verir. Hangi sayfada hangi kareye ihtiyaç olduğunu gösteren bir fotoğraf listesi çıkarıyor, çekimi kendiniz yapacaksanız ışık ve kadraj için pratik öneriler veriyoruz. Referans işler, önce ve sonra görüntüleri, belgeler ve izin alınmış müşteri yorumları da bu listeye girer. İçerik ve görseller belli olduktan sonra renksiz yerleşim taslakları hazırlıyoruz. Bu gri kutulu çizimlerde yalnızca hangi bilginin nerede duracağı görünür; böylece tartışma renk ya da süs öğelerine kaymadan yapıya odaklanır. Özellikle hizmet sayfalarında, ziyaretçinin kaydırmadan gördüğü ilk alanda neyin duracağına birlikte karar veriyoruz. Yerleşimi siz onayladıktan sonra görsel tasarıma geçmek, sonradan yapılan maliyetli değişikliklerin önüne geçer. Taslakları masaüstü ve telefon görünümüyle birlikte sunuyor, geri bildirimlerinizi aynı dosya üzerinde topluyoruz.

Telefonda Rahat Okunan, Hızlı Açılan Sayfalar Tasarlıyoruz

Görsel dili logonuz, tabelanız ve basılı malzemelerinizle uyumlu kuruyoruz; müşteriniz sitenizi açtığında tanıdık bir marka görmelidir. Palette az sayıda renk bırakıyor, en canlı tonu ziyaretçinin tıklamasını istediğimiz düğmelere saklıyoruz. Yazı tiplerini seçerken Türkçenin bütün harflerini eksiksiz barındırmasına bakıyoruz. Aksi hâlde büyük İ ya da ğ gibi harfler başka bir yazı tipinden görüntülenir ve sayfa özensiz durur. Metin ile arka plan arasındaki kontrastı, güneş altında telefondan bakan birinin de rahatça okuyabileceği düzeyde tutuyoruz. Her web tasarım kararını aynı soruyla sınıyoruz: Bu öğe ziyaretçinin işini kolaylaştırıyor mu, yoksa yalnızca göze hoş mu görünüyor? Kendi kendine dönen vitrinler, ekranı kaplayan açılır pencereler ve dikkat dağıtan hareketli öğeler bu sınavı çoğu zaman geçemez. İkon, fotoğraf ve çizimlerin aynı üslupta seçilmesi de sitenin bir bütün olarak algılanmasına yardım eder. Sade ve tutarlı bir düzen, işletmenizin işine gösterdiği özeni de yansıtır.

Ziyaretçilerinizin önemli bir kısmı sitenize telefondan, çoğu zaman da ayaküstü bakar. Bu yüzden taslakları önce dar ekran için çiziyor, masaüstü görünümünü bunun üzerine genişletiyoruz. Arama, mesaj gönderme ve yol tarifi alma düğmelerini başparmağın rahatça ulaşacağı yerlere koyuyoruz. Dokunmatik ekranda yanlışlıkla komşu bağlantıya basılmaması için düğmeler arasında yeterli boşluk bırakıyoruz. Formları kısa tutuyor, işinize yaramayacak hiçbir bilgiyi zorunlu alan yapmıyoruz; telefon numarası alanında ise doğrudan rakam klavyesinin açılmasını sağlıyoruz. Fiyat tablosu ya da karşılaştırma listesi gibi geniş içerikleri dar ekranda kartlara bölünmüş hâlde gösteriyoruz. Tarayıcıdaki telefon görünümü tek başına yeterli olmadığı için siteyi farklı boyutlardaki Android ve iOS cihazlarda elle deniyoruz. Menünün açılışı, düğmelerin tıklanabilirliği, yazıların büyüklüğü ve formların gönderimi bu denemede tek tek kontrol edilir. Adana’daki müşterileriniz sizi yolda, iş arasında ya da bir toplantı çıkışında arıyor olabilir; site bu anlarda da zahmetsizce kullanılmalıdır.

Hız, sonradan eklenen bir ayar değil; ilk taslaktan itibaren hesaba katılan bir özelliktir. Web tasarım aşamasında sayfaya eklenen her görselin, yazı tipinin ve eklentinin bir ağırlığı olduğunu biliyor, her birini bu gözle değerlendiriyoruz. Hız sorunlarının çoğu, ilk günlerde alınan küçük kararların zamanla birikmesiyle oluşur. Fotoğrafları gösterilecekleri boyuta göre küçültüyor, WebP gibi hafif biçimlere dönüştürüyor ve ekranın altında kalan görsellerin ancak kaydırıldığında yüklenmesini sağlıyoruz. Gereksiz eklentileri ve üçüncü taraf betiklerini ayıklıyor, önbellekleme ayarlarını sunucuya uygun biçimde yapıyoruz. Yayından önce ana sayfayı ve trafiğin yoğunlaşacağı hizmet sayfalarını PageSpeed Insights gibi araçlarla ölçüyor, Core Web Vitals değerlerini özellikle mobil sonuçlar üzerinden yorumluyoruz. Hızlı açılan bir sayfa, zayıf bağlantıyla gezinen ziyaretçiyi kaybetmemenize yardım eder ve arama motorlarının sitenizi değerlendirmesine de olumlu yansır. Ölçüm sonuçlarını teknik terimlere boğmadan, sade bir dille size aktarıyoruz.

Siteyi Yayına Alıyor, Anahtarlarını Teslim Ediyor, Bakımını Sürdürüyoruz

Yayın gününden önce uzun bir kontrol listesinden geçiyoruz. Formların doğru e-posta adresine ulaştığını gerçek gönderimlerle deniyor, SSL sertifikasının ve güvenli bağlantı yönlendirmesinin çalıştığını doğruluyoruz. Eski bir siteniz varsa, arama sonuçlarında birikmiş görünürlüğü kaybetmemek için eski adresleri yeni sayfalara kalıcı yönlendirmeyle bağlıyoruz. Her sayfanın başlık etiketini ve açıklama metnini ayrı ayrı yazıyor; başlık hiyerarşisini, görsel açıklamalarını ve sade adres yapısını kontrol ediyoruz. XML site haritasını Google Search Console’a bildiriyor, ziyaret ölçümünü kişisel verilerin korunmasına ilişkin kurallara uygun bir çerez bildirimiyle kuruyoruz. Google İşletme Profiliniz varsa siteyle bağlantısını ve bilgilerin tutarlılığını da gözden geçiriyoruz. Kurulan temel altyapı, ileride yapılacak bir arama motoru çalışmasının sağlam bir zeminde başlamasını sağlar. Yayın saatini ziyaretçi trafiğinin görece az olduğu bir zamana denk getirerek olası kısa kesintilerin etkisini küçültüyoruz. Yayından hemen sonra siteyi bir kez daha baştan sona tarayarak kırık bağlantı ya da eksik sayfa kalmadığından emin oluyoruz.

Sitenin sahibi sizsiniz ve bunun kâğıt üzerinde de böyle görünmesi gerekir. Alan adını işletmenizin ya da sizin adınıza kaydediyor, barındırma hesabının erişim bilgilerini de size teslim ediyoruz. Yönetim paneli için size ait bir yönetici hesabı açıyor; kullanılan yazı tipi, görsel ve eklenti lisanslarının kimin adına olduğunu tek tek listeliyoruz. Alan adının yıllar önce çalışılan bir tedarikçinin üzerinde kalması, sık karşılaştığımız ve çözümü zahmetli bir durumdur. Web tasarım teslimini bu yüzden bütün hesapları, erişim yollarını ve şifre değiştirme adımlarını içeren yazılı bir belgeyle yapıyoruz. Sitenin kaynak dosyalarının ve yedeklerinin bir kopyasını da istediğiniz zaman size veriyoruz. İleride başka bir ekiple çalışmaya karar verseniz bile siteniz, içerikleriniz ve alan adınız sizinle birlikte kalır. Bu açıklık, aramızdaki ilişkinin bir zorunluluğa değil, memnuniyete dayanmasını sağlar. Yenileme tarihlerini de takvime işliyor, alan adının süresi dolmadan önce sizi uyarıyoruz.

Yayından sonra sitenin güncel, güvenli ve hızlı kalması düzenli bakıma bağlıdır. Teslimle birlikte size kısa bir kullanım eğitimi veriyoruz. Metin değiştirme, fotoğraf ekleme, duyuru yayımlama ve form mesajlarını görüntüleme adımlarını ekran görüntülü bir kılavuzla da bırakıyoruz. Bakım sürecinde sistem ve eklenti güncellemelerini canlı siteye uygulamadan önce sitenin bir test kopyasında deniyoruz. Yedekleri siteden ayrı bir yerde saklıyor, sitenin erişilebilirliğini ve güvenlik uyarılarını izliyoruz. Belirli aralıklarla ziyaret verilerine birlikte bakıyoruz. Adana’dan ve çevresinden gelen ziyaretçilerin hangi sayfada oyalandığını, nerede vazgeçtiğini ve hangi düğmeye bastığını görmek, bir sonraki iyileştirmenin nereye yapılacağını gösterir. Hangi aramalardan geldiklerini ve hangi cihazları kullandıklarını da bu değerlendirmeye katıyoruz. Gerekirse yeni bir hizmet sayfası ya da dönemsel bir duyuru alanı eklemeyi bu verilere dayanarak öneriyoruz. Siteniz böylece yayın gününde donup kalmaz; işletmenizle birlikte büyüyen bir araç olarak çalışmaya devam eder.

Web Tasarım Çalışması Öncesinde Sorulan Sorular

Sayfa sayısı baştan belirlenen bir rakam değil, içerik dökümü çıktıktan sonra ortaya çıkan bir sonuçtur. Yanıtlanması gereken sorular ve birbirinden ayrılması gereken işler belirlendiğinde yapı kendiliğinden şekillenir. Her sayfanın tek ve belirgin bir görevi olması beklenir; iki bölüm aynı konuyu anlatıyorsa tek başlık altında birleştirilir.

Hayır. Küçük ekran düzeni işin ayrılmaz parçasıdır ve tek kapsam içinde ele alınır; ziyaretlerin önemli bölümü zaten telefondan gelir. Teklifte hangi ekran boylarının denendiği ve hangi tarayıcıların kontrol edildiği yazılı olarak belirtilir, sonradan ek bir kalem çıkarılmaz.

Doğruluğu teyit edilen metinler ve yeterli çözünürlükteki görseller yeni yapıya aktarılır. Bugünkü işi yansıtmayan ya da başka bir sayfayla çelişen kayıtlar taşıma kapsamı dışında bırakılır. Bu ayıklama birlikte yapılır; hangi içeriğin neden bırakıldığı gerekçesiyle iletilir ve eski sitenin yedeği bir süre saklanır.

Evet. Panel, o işi üstlenecek kişinin günlük görevine göre düzenlenir ve teslim sırasında canlı bir örnek üzerinde uygulamalı olarak gösterilir. Metin değişikliği, görsel güncelleme ve yeni sayfa açma gibi işlemler için dışarıdan destek gerekmez; yalnızca yapıyı ilgilendiren eklemelerde birlikte çalışılır.

Süreyi en çok etkileyen iki etken, metinlerin ne zaman hazır olduğu ve onayların ne kadar sürede döndüğüdür. İstenen ek işlevlerin sayısı da takvimi değiştirir. Bu nedenle süre tek bir tarihle değil, aşamalara bölünmüş teslimlerle planlanır ve her aşamanın sonunda neyin görüleceği baştan yazılır.

Kayıtların işletmenin kendi adına açılması ve kurum içinde erişilebilen bir e-posta adresine tanımlanması önerilir. Böylece ileride birlikte çalışılan taraf değişse bile denetim işletmede kalır. Giriş bilgileri teslim sırasında güvenli bir yoldan aktarılır; yenileme tarihlerini kimin takip edeceği de teklifte açıkça belirtilir.