Web Tasarım

Dağınık Bilgiyi Ziyaretçinin Bulabileceği Düzene Kavuşturalım

Kampanya duyurunuz bir sosyal medya hesabında, ürün föyleriniz e-posta eklerinde, sertifikalarınız ise bilgisayardaki bir klasörde duruyor olabilir. Bilgi böyle dağıldığında basit bir soru için bile sizi aramak gerekir. Başlangıçta ziyaretçinin sitede ilk olarak neyi arayacağını sıralıyor, her bilginin hangi sayfada duracağına karar veriyoruz.

Sitenize ilk kez gelen biri çoğunlukla üç şeyi öğrenmek ister: kim olduğunuzu, ne yaptığınızı ve size nasıl ulaşacağını. Açılış ekranı ne kadar özenli olursa olsun, bu yanıtlar birbirinden kopuksa ziyaretçi yolda kalır. Bu yüzden web tasarım planını sayfalar arasındaki geçişlerle kuruyoruz; hizmet listesini okuyan kişi, ilgilendiği başlıktan görüşme talebine geçebilmeli.

İlk görüşmede müşterilerinizin hangi konularda sıkça bilgi istediğini ve bu bilgileri nerede sakladığınızı konuşmak istiyoruz. Satış ekibinizin her hafta yeniden açıkladığı bir teslimat koşulu, sitede bir kez yazılıp herkesin okuyabileceği ayrı bir bölüme dönüşebilir. Hangi rengin daha şık durduğu sorusu ikinci planda kalır; öncelik, okuyanın aradığı cevaba zorlanmadan ulaşmasıdır.

  • Sık sorulan bilgilerin tek noktada toplanması
  • Kim olduğunuzdan ne yaptığınıza uzanan akış
  • Katalog ve föylerin kolay bulunduğu yerleşim
  • Günlük müşteri sorularına dayanan site kurgusu

Yayına Girecek Malzemeyi Baştan Gözden Geçirip Sıraya Koyalım

İşe elinizdeki her şeyi masaya koyarak başlıyoruz: eski sitedeki sayfalar, basılı tanıtım malzemeleri, sunum dosyaları ve fotoğraflar. Bunların arasında fiyatları değişmiş bir broşür ya da iki farklı adres yazan bir antetli kâğıt çıkabilir. Güvenilir kaynağı baştan seçtiğimizde, tasarım sırasında “hangisi doğruydu” sorusuna geri dönmek gerekmez.

Eksik bilgiyi tahminle tamamlamak, yayından sonra fark edilmesi zor hatalara yol açabilir. Bir makinenin kapasite değeri ya da bir belgenin geçerlilik tarihi belirsizse bunu işin sahibine soruyoruz. Sayfa sayfa ilerleyen bir takip tablosunda hangi yazının, fotoğrafın ve onayın beklendiği herkesçe görülür.

Ekip fotoğrafları çekilmedi ya da “Hakkımızda” yazısı bitmedi diye takvimi durdurmak gerekmez. O bölümlerde ölçüsü gerçeğe yakın yer tutucularla çalışmaya devam ediyoruz; asıl içerik geldiğinde başlık uzunluğu veya görsel oranı değiştiyse düzeni yeniden ele alıyoruz. Son onaydan önce her bölüme “kesin” ya da “geçici” notu düşülür, böylece taslak bir alan fark edilmeden yayına çıkmaz.

  • Eski site, sunum ve fotoğrafların dökümü
  • Sayfa sayfa ilerleyen içerik takip tablosu
  • Belirsiz teknik bilginin işin sahibine sorulması
  • Kesin ve geçici olarak işaretlenen bölümler

Duyuru, Hizmet ve Belge Sayfalarını Birbirinden Ayrı Kurgulayalım

Bir fuar katılımı haberi, bir hizmetin ayrıntılı anlatımı ve indirilecek bir kullanım kılavuzu ziyaretçiden farklı bir okuma biçimi bekler. Haber tarihiyle anlam kazanır, hizmet metni ayrıntı ister, kılavuz ise çoğu zaman yalnızca aranıp indirilir. Site haritasını çizerken her türe kendi alanını veriyor, birbirine karışmalarını önlüyoruz.

Firma geçmişini anlatan yazı uzun süre aynı kalabilir; buna karşın tamamlanan projeler ya da yeni ürünler zamanla listeye eklenir. Çoğalacak bölümleri tek tek sayfa olarak değil, aynı kalıptan üretilen kayıtlar olarak kurmayı tercih ediyoruz. Bu yaklaşım sayesinde web tasarım çalışması tamamlandıktan sonra eklenen her yeni proje, sayfa düzenine dokunmadan yerini alır.

Şirket içinde herkesin bildiği “B2 hattı” ya da “proje ofisi” gibi bir ad, sitenizi ilk kez açan kişiye yol göstermez. Menüde bu tür iç terimler yerine, tıklandığında ne çıkacağını tahmin ettiren sade sözcükler kullanıyoruz. Taslak menüyü firmanızı tanımayan birine belirli bir bilgiyi buldurarak deniyor, takıldığı başlıkları yeniden adlandırıyoruz.

  • Haber, hizmet ve belge için ayrı bölümler
  • Aynı kalıptan eklenen proje ve ürün kayıtları
  • Düzeni bozmadan güncellenebilen içerik
  • Firmayı tanımayan biriyle denenen menü adları

Hizmet Sayfaları Karar Vermek İçin Gereken Bilgiyi Versin

“Endüstriyel temizlik” gibi tek satırlık bir başlık, okuyana işin nerede başlayıp nerede bittiğini anlatmaz. Hizmet sayfasında önce bu işe kimlerin ihtiyaç duyduğunu, ardından çalışmanın adımlarını ve teklif için hangi bilgilerin gerektiğini açıklıyoruz. Okuyucu sayfanın sonunda size yazıp yazmayacağına kendisi karar verebilmeli.

Rakip sitelerde gördüğünüz her hizmeti listeye eklemek cazip gelebilir; ancak ilk görüşmede “bunu yapmıyoruz” demek zorunda kaldığınız her başlık güveni zedeler. Metinleri bu nedenle kendi iş akışınızı dinleyerek yazıyor, yalnızca uyguladığınız yöntemleri, belgeleyebildiğiniz yetkinlikleri ve gerçekten üstlendiğiniz işleri anlatıyoruz.

Pek çok ziyaretçi uzun bir hizmet metnini satır satır okumaz; göz gezdirir ve kendisini ilgilendiren paragrafta durur. Bu alışkanlığa uygun olarak metni kısa ara başlıklara bölüyor, zorunlu kalan sektör terimlerini ilk geçtikleri yerde açıklıyoruz. Son olarak taslağı o hizmeti yürüten çalışanınıza okutarak hatalı ifadeleri ayıklıyoruz.

  • Kimin için olduğunu ve adımlarını anlatan sayfa
  • Yalnızca üstlendiğiniz işleri içeren liste
  • Göz gezdirene yol gösteren kısa ara başlıklar
  • Hizmeti yürüten çalışana okutulan taslak

Paylaştığınız Dosyalar Doğru Sayfada Dursun

Bir ürün föyü, ürünün kendi sayfasında dururken işe yarar; ayrı bir “Dokümanlar” klasörüne gömüldüğünde çoğu zaman gözden kaçar. Bu nedenle her dosyayı ilgili hizmetin ya da ürünün yanında sunuyoruz. Bağlantı yazısı da içeriği söylemeli: “Montaj kılavuzu” gibi bir ifade yol gösterirken “son_hali_yeni” adında bir dosya kimseye bir şey anlatmaz.

Dosya listesi uzadıkça doğru belgeyi seçmek için adın yanında yayın tarihi, sürüm numarası ya da belge dili gibi ipuçları gerekir. Eski fiyat koşullarını içeren bir teklif formu güncel olanın yanında kalırsa müşteri size yanlış bilgiyle başvurabilir. Hangi dosyanın geçerli olduğuna siz karar verirsiniz; biz de bu kararı web tasarım aşamasında, eski sürümleri arşive ayıran ya da yayından kaldıran bir düzenle sayfaya yansıtıyoruz. Bir belgenin Almanca ve Türkçe karşılıkları varsa ikisini aynı satırda, dil kısaltmasıyla ayırarak sunmak seçimi kolaylaştırır. Dosya yenilendiğinde sayfadaki açıklamanın da buna uyup uymadığına bakılmalıdır.

Bayilerinize özel iskonto tablosu ya da servis ekiplerinizin kullandığı bakım talimatları herkese açık bir klasörde durmamalı. Dosyanın bağlantısını sayfadan kaldırmak koruma sağlamaz; bağlantıyı elinde tutan herkes onu açmaya devam eder. Bu tür belgeler için kullanıcı adıyla giriş gibi gerçek bir yetki katmanı ayrıca planlanır.

  • Ait olduğu sayfanın yanında duran dosyalar
  • İçeriği söyleyen bağlantı yazısı
  • Eski sürümleri güncelden ayıran düzen
  • Gerçekten korunan kısıtlı erişim alanı

Marka Kimliğiniz Ekranda Göz Yormayan Bir Düzenle Görünsün

Koyu bir kurumsal renk başlıklarda güçlü durabilir, ama uzun bir paragrafın zemininde okumayı zorlaştırabilir. Rengin nerede kullanılacağına, yazı boyutuna ve bölümler arasında bırakılacak boşluğa metinler yerleştikçe karar veriyoruz. Amaç, sayfayı açan kişinin önce hangi bilgiye bakacağını düşünmeden anlayabilmesidir.

Sayfada her öğe dikkat çekmeye çalıştığında hiçbiri gerçekten fark edilmez. Vurguyu tutumlu kullanıyoruz: teklif isteme gibi asıl işlemler için belirgin bir düğme rengi, geri kalan bağlantılar için sakin bir görünüm. Hareketli öğeleri yalnızca bir bilgiyi açıklamaya katkı sağlıyorsa ekliyor, hazır stok görseller yerine işinizi gösteren fotoğrafları öneriyoruz.

Tasarım önerisini sunarken şablonun içini kendi hizmet adlarınız ve fotoğraflarınızla dolduruyoruz; kısa bir örnek yazıyla dengeli görünen bir kutu, gerçek metinle taşabilir. Görüşlerinizi genel bir izlenim olarak değil, “ekip bölümü fazla kalabalık” gibi belirli bir alana dair notlar olarak topluyoruz. Değişiklikler böylece somut bir yere dayanır.

  • Gözün izleyeceği sırayı belirleyen yerleşim
  • Asıl işleme ayrılmış belirgin düğme rengi
  • Belirli bölümlere yazılan geri bildirimler
  • Başlıkta güçlü, paragrafta sakin renk kullanımı

Telefondan Gelen Ziyaretçi de Yolunu Bulsun

Mobil görünümü, masaüstü düzen bittikten sonra yapılan bir uyarlama olarak görmüyoruz. Arama düğmesi, yol tarifi ve çalışma saatleri gibi telefondan sık bakılan bilgiler daha ilk eskizde küçük ekranın üst kısmına yerleştirilir. Yazı boyu ve parmakla dokunulacak alanlar da bu eskizde belirlenir; kimse bir numarayı okuyabilmek için ekranı iki parmağıyla büyütmek zorunda kalmamalı.

Dar ekrandaki aksaklıklar çoğu zaman küçük ayrıntılardan doğar: satıra sığmayan bir başlık altındaki düğmeyi aşağı iter, geniş bir fotoğraf ekranın yarısını kaplar. Bu tür sorunları yakalamak için web tasarım denemelerini telefon üzerinde de yapıyor; açılır menüdeki son bağlantıya kadar inilebildiğini ve form kutularına rahatça dokunulabildiğini kontrol ediyoruz.

Aynı sayfa, yatay tutulan bir tablette ve küçük bir telefonda birbirinden oldukça farklı görünebilir. Kontrolü tek bir cihazla bitirmiyor, farklı ekran boyutlarında bir ziyaretçinin yapacağı işleri baştan sona tekrarlıyoruz: hizmet sayfasından teklif formuna geçmek, bir PDF kataloğu açıp siteye geri dönmek, iletişim sayfasından doğrudan arama başlatmak. Bu turlarda yalnızca taşan bir öğe olup olmadığına değil, işin kaç dokunuşta bittiğine ve kullanıcının hangi adımda duraksadığına bakıyoruz. Kataloğu açan kişinin siteye dönüş yolunu kaybetmesi gibi sorunlar ancak bu şekilde fark edilir.

  • İlk eskizde belirlenen yazı ve düğme boyutu
  • Başlık ve görsellerin dar ekrandaki yerleşimi
  • Menünün son bağlantısına kadar erişim
  • Kaç dokunuşta bittiği ölçülen işlemler

Gelen Mesajlar Doğru Kişiye Gerekli Ayrıntıyla Ulaşsın

Teklif isteyen biriyle bozulan cihazı için servis talep eden kişinin mesajı, firmanızda farklı masalara gider. İletişim sayfasında ziyaretçiye önce konusunu sorduğumuzda mesaj doğru çalışanın önüne düşer. Her konu için hangi soruların sorulacağını da ekibinizin yanıt hazırlarken neye ihtiyaç duyduğuna bakarak seçiyoruz.

Doğum tarihi ya da vergi numarası gibi ilk mesajda gerekmeyen alanlar, formu yarıda bırakmak için yeterli bir sebep olabilir. Taslak formdaki her kutuya “bu bilgiyi yanıt verirken kullanacak mıyız?” sorusuyla bakıyoruz. Telefon numarası eksik yazıldığında kutunun altında neyin düzeltileceği görünür; mesaj sunucuya ulaşmadıysa ziyaretçiye “iletildi” yazan bir ekran gösterilmez.

Ziyaretçinin fotoğraf ya da teknik çizim yükleyebilmesi veya formun randevu takviminize bağlanması standart formun ötesinde bir iştir ve ayrıca kapsamlandırılır. Kurulumdan sonra her konu için gerçek bir mesaj gönderip doğru gelen kutusuna ulaştığını görüyoruz. Mesajlara kimin döneceği ise ekibinizin kararıdır; teslimde bu ayrım yazılır.

  • Konusuna göre farklı kişilere giden mesajlar
  • Yanıtta kullanılmayacak kutulardan arınmış form
  • Kutunun altında beliren düzeltme uyarıları
  • Her konu için gönderilen gerçek deneme mesajı

Altyapı Seçimini Gerekçeleriyle Birlikte Paylaşalım

Bir galeri eklentisi, bir kaydırıcı ve bir sayaç modülü masum görünse de bir araya geldiklerinde sayfanın açılışını yavaşlatabilir ve her güncellemede uyumsuzluk riskini artırır. Kurulum listesini, sitede gerçekten kullanılacak işlevlerden geriye doğru çıkarıyoruz. Görselleri yüklemeden önce boyutlandırıyor, hangi bileşeni neden seçtiğimizi açıklıyoruz.

Arama motorunun bir sayfayı doğru anlayabilmesi için bazı temel işaretler gerekir: sayfaya özgü bir başlık, kısa bir özet, okunabilir bir adres ve mantıklı sırayla ilerleyen ara başlıklar. Bu düzenlemeleri web tasarım işinin içinde yapıyoruz; sıralama sözü ise vermiyoruz. Düzenli SEO desteğinin kapsamı ayrıca konuşulur.

Kayıtlı müşterilerin sipariş geçmişini görebildiği bir alan, başvuru durumunun izlendiği bir ekran ya da stok programınızdan ürün bilgisi çeken bir katalog, sayfa hazırlamaktan farklı bir iştir. Bu tür istekleri özel yazılım başlığı altında ayrıca inceliyoruz. Bunları ayrı süre ve bütçe kalemi olarak konuşmak, sitenin geri kalanını bekletmez.

  • Gerekçesi açıklanan eklenti tercihleri
  • Başlık, açıklama ve adres düzenlemeleri
  • Düzenli SEO için ayrı konuşulan plan
  • Sipariş ve stok bağlantısı gibi özel yazılım işleri

Yayına Almadan Önce Siteyi Bir Ziyaretçi Gibi Deneyelim

Yayından önce sitenin bütün sayfalarını bir liste eşliğinde dolaşıyoruz: kırık bağlantı, açılmayan dosya, yüklenmeyen görsel ya da ileti göndermeyen form kalmamalı. Bu teknik tur tek başına yetmez; telefon numarası, adres ve hizmet açıklamaları gibi bilgilerin doğruluğunu da son kez sizin onayınıza sunuyoruz.

Eski sitenizin bir sayfası zamanında bir forumda paylaşılmış ya da bir rehber sitesinde listelenmiş olabilir. Yeni yapıda o adres ortadan kalkarsa bağlantıya tıklayan kişi hata sayfasıyla karşılaşır. Geçişi planlarken eski adresleri yeni karşılıklarına bağlıyor; hangi yazıların aynen taşınacağını, hangilerinin baştan yazılacağını da işin başında kararlaştırıyoruz.

Yayına yakın akla gelen “bir de canlı destek ekleyelim” gibi fikirler doğaldır; ancak her birinin takvime etkisini konuşmak gerekir. Yazım hatası gidermek küçük bir düzeltmedir, yeni bir modül ise tasarım ve deneme adımlarını yeniden açar. Teslimde tamamlanan ve sonraya kalan işler iki ayrı başlık altında yazılı olarak paylaşılır.

  • Kırık bağlantı ve açılmayan dosya taraması
  • Adres ve telefon bilgisinin son onayı
  • Eski bağlantıları koruyan yönlendirmeler
  • Sonraya kalan işlerin yazılı dökümü

Panel, Fiyat ve Teslimde Belirsizlik Kalmasın

Kimi firma sık sık yeni ürün ekler, kimisi yalnızca yılda birkaç kez duyuru yayımlar. Panelin hangi alanları açık tutacağına bu sıklığa bakarak karar veriyoruz. Teslim sırasında ekibinizden biriyle örnek bir haber ekleyip bir fotoğraf değiştiriyor, yeni kaydın listede nerede görüneceğini de bu sırada gösteriyoruz. Menü yapısını değiştirmek ya da yeni bir sayfa şablonu istemek gibi işlerin neden panelden değil teknik destekle yapıldığını da açıklıyoruz.

İki teklif aynı sayfa sayısını yazsa da içerikleri çok farklı olabilir: birinde metin yazımı size bırakılmıştır, diğerinde eski içeriğin taşınması hiç hesaba katılmamıştır. Karşılaştırmayı kolaylaştırmak için web tasarım fiyatını oluşturan işleri tek tek adlandırıyoruz. Teslimden sonra gelecek düzeltme isteklerinin nasıl ele alınacağı da aynı belgede yer alır.

Proje tamamlandığında site ve yönetim paneli erişim bilgileri size teslim edilir. Bir destek anlaşması yapılacaksa hangi talepleri kapsadığı madde madde yazılır. Mevcut sitenizde sizi rahatsız eden noktaları ve yeni siteden beklediğiniz sonucu bize anlatın; hangi sayfaların gerektiğini ve işe nereden başlanacağını ilk görüşmede birlikte ortaya koyalım.

  • Ekibinizle birlikte yapılan panel denemesi
  • Panelden yapılmayan işlerin gerekçesi
  • Fiyatı oluşturan işlerin ayrı ayrı listesi
  • Site ve panel erişim bilgilerinin size devri

Web Tasarım Sürecine Dair Sık Sorulan Sorular

Elinizde ne varsa getirmeniz yeterli: eski katalog, tanıtım sunumu, telefonunuzda biriken iş fotoğrafları ya da başka sitelerde beğendiğiniz bölümlerin ekran görüntüleri. Eksik parçalar görüşmeden sonra birlikte tamamlanır. Bunun için hangi yazıyı sizin, hangisini bizim hazırlayacağımızı ve teknik bilgileri kimin kontrol edeceğini en baştan netleştiriyoruz; sayfa bazlı takip tablosu da bu iş bölümünü herkesin görebileceği bir yerde tutar.

Evet. Böyle bir bölüm kurmadan önce üç soruya yanıt arıyoruz: hangi belgeler yayımlanacak, bunları kimler görebilecek ve yeni sürüm geldiğinde dosyayı kim yükleyecek. Herkesin indirebildiği bir katalog listesi sade bir sayfayla çözülebilirken yalnızca sözleşmeli iş ortaklarınızın açabileceği belgeler giriş sistemi gerektirir ve ayrıca değerlendirilir. Seçilen çözüm ve teslim edilecek işler teklifte açıkça yer alır.

Mümkün. Her konu için ayrı bir form kurulabilir ya da tek formun başına konu seçimi eklenebilir; böylece satış soruları bir adrese, servis talepleri başka bir adrese düşer. Hangi yolun uygun olduğu ekibinizin nasıl bölündüğüne bağlıdır. Mesajların otomatik olarak iş kaydına dönüşmesi ya da başka bir yazılıma aktarılması ise form kurulumunun dışında ayrıca planlanır.

Günlük güncellemeleri ekibiniz yapabilir. Haber, ürün, fotoğraf ve belge gibi sık değişen alanları kod bilgisi gerektirmeden panelden düzenlenebilir hale getiriyoruz. Sayfa iskeleti, renk ve yazı düzeni ya da sunucu ayarları ise bilinçli olarak panelin dışında kalır; tek bir yanlış tıklamanın bütün siteyi etkilemesini istemeyiz. Sizin yapabileceğiniz işlerle bizim üstleneceğimiz işler teslimde yazılı olarak ayrılır.

Kullanılmaya devam eden adresler mümkün olduğunca aynı kalır; değişmesi gerekenler ise kalıcı yönlendirmeyle yeni sayfalarına bağlanır. Örneğin eski sitede ayrı duran birkaç hizmet sayfası tek sayfada birleşiyorsa, bu eski adreslerin hepsi yeni sayfaya gönderilir. PDF dosyalarının bağlantıları da bu listeye dahildir. Yayın günü eski adreslerden bir kısmını açıp doğru yere ulaşıp ulaşmadıklarını kontrol ediyor, gözden kaçan adresi listeye ekliyoruz.

Kurulumdaki temel hazırlık ile düzenli SEO çalışması ayrı işlerdir. Site kurulurken arama motorlarının sayfaları doğru okuyabilmesi için gereken zemin atılır; bunu bir binanın tesisatına benzetebiliriz. Yeni içerik üretmek, rakipleri incelemek ve ziyaretçi verilerine göre sayfaları iyileştirmek ise süreklilik ister ve ayrıca planlanır. Bu desteğin kapsamını ve raporlama biçimini önceden paylaşıyor, sıralama sözü vermiyoruz.