Web Tasarım

Web Tasarım Sürecini İşletmenizi Tanıyarak Planlıyoruz

Bir internet sitesi, kapınız kapalıyken de açık duran bir vitrindir. Afyonkarahisar’da hizmet veren bir işletme için bu vitrin, müşterinin telefonda sorduğu soruları önceden yanıtlayabilmelidir. Bu yüzden web tasarım sürecinde renk ve biçimden önce işinizi, müşterinizi ve satışın nasıl gerçekleştiğini konuşuyoruz. Sonraki her kararı bu ilk görüşmede öğrendiklerimize dayandırıyoruz. Termal bir otelin konuğu önce oda seçeneklerine ve havuzun kullanım saatlerine bakar. Mermer işleyen bir fabrikanın alıcısı ise ebat, yüzey işlemi ve sevkiyat ayrıntısı arar. Bu iki işletmenin sitesi aynı iskeletle kurulamaz. Sayfaların sırasını, müşterinizin karar verirken izlediği yola göre kuruyoruz. İlk merak edilen bilgi, sayfada da ilk görülen yerde durur. Görüşmenin sonunda sitenin tek bir ana görevini belirliyoruz. Randevu toplamak, teklif isteği almak ya da aramayı kolaylaştırmak farklı düzenler gerektirir. Seçilen görev, sonraki her kararda ölçü olarak masada kalır. Bu göreve katkı sağlamayan bir bölümü sadeleştirmeyi ya da çıkarmayı öneriyoruz. Böylece ziyaretçinin dikkati, asıl yapmasını istediğiniz işten uzaklaşmaz.

Görev belli olduğunda içeriğin hammaddesini toplamaya başlıyoruz. Müşterilerinizin telefonda ya da tezgâhta en çok neyi sorduğunu bir liste hâline getirmenizi istiyoruz. Çalışma saatleri, teslim biçimi, ödeme seçenekleri ve hizmet bölgesi bu listede sık çıkar. Her soru sitede kendine ait bir yer bulur ve yanıtı kısa, anlaşılır bir dille yazılır. Bu listeden bir sayfa haritası taslağı çıkıyor. Kimi soru ana sayfada kısa bir yanıt olarak durur, kimisi ayrı bir hizmet sayfası ister. Taslağı size gösterip eksik ya da gereksiz başlıkları birlikte ayıklıyoruz. Sayfa sayısı bu ayıklamadan sonra kendiliğinden ortaya çıkar ve baştan belirlenmiş bir paket kalıbına uymak zorunda kalmaz. Menü adlarını işletmenin iç dilinden değil, müşterinin kullandığı kelimelerden seçiyoruz. Sizin “sevkiyat birimi” dediğiniz bölüm, ziyaretçi için “kargo ve teslimat” olabilir. Küçük görünen bu tercih, aranan bilginin bulunma hızını belirler. Ana menüyü kısa tutuyor, ikincil sayfalara sayfa içi bağlantılarla ve alt bilgi alanından ulaşılmasını sağlıyoruz. Plan netleştiğinde işin kapsamını yazıya döküyoruz.

Hangi sayfaların hazırlanacağı, metinleri kimin yazacağı ve kaç tur düzeltme yapılacağı bu belgede yer alır. Sizden beklediğimiz bilgi ve görsellerin teslim sırası da aynı plana işlenir. Taslak onayı, içerik teslimi ve son kontrol ayrı aşamalar olarak görünür. Bir onay geciktiğinde takvimin geri kalanı da buna göre güncellenir. Alan adı, barındırma ve yönetim paneli hesaplarının kimin adına açılacağı da bu aşamada kararlaştırılır. Bu hesapların işletmenizin adına kayıtlı olmasını öneriyoruz. Birlikte çalıştığınız ekip değişse bile siteniz ve adresiniz sizde kalır. Erişim bilgilerini teslimde size ait bir listede topluyor, hangi hizmetin dönemsel yenileme istediğini de not ediyoruz. Farklı firmalardan aldığınız web tasarım tekliflerini karşılaştırırken sayfa sayısından çok, işin içine neyin dahil edildiğine bakın. Özgün metin yazımı, fotoğraf hazırlığı ya da çok dilli yapı bütçeyi doğrudan etkiler. Her firmaya aynı ihtiyaç listesini göndermek karşılaştırmayı kolaylaştırır. Biz teklifimizi iş kalemlerine ayırıyor, tek seferlik ve yıllık kalemleri ayrıca gösteriyoruz.

Sayfaların İçeriğini ve Görsel Dilini Birlikte Hazırlıyoruz

Kapsam ve bütçe netleştiğinde sıra sayfaların içini doldurmaya gelir. Bir sayfanın değeri, taşıdığı bilginin doğruluğuyla ve ne kadar kolay anlaşıldığıyla ölçülür. Özenli bir düzen, boş ya da belirsiz bir metni kurtaramaz. Bu yüzden metni, görseli ve yerleşimi ayrı ekiplerin sırayla yaptığı işler olarak görmüyoruz. Hepsini aynı sayfanın birlikte düşünülen parçaları olarak ele alıyoruz. Metinleri sizden aldığımız bilgilerle, sade ve somut bir dille yazıyoruz. Genel övgüler yerine hizmetin kapsamını, sürecin adımlarını ve sık karşılaşılan durumları anlatıyoruz. Sektörünüze özgü terimleri, müşterinizin anlayacağı biçimde açıklıyoruz. Bilmediğimiz bir ayrıntıyı tahminle doldurmuyor, size soruyoruz. Uzun cümleler ve gereksiz yabancı kelimeler yerine günlük konuşmaya yakın ifadeler seçiyoruz. Hiçbir metin onayınızı almadan yayına girmez. Her sayfanın tek bir ana konusu ve buna uygun bir başlığı olur. Arama motorlarının sayfayı doğru anlaması için adresleri kısa, başlık sıralamasını düzenli tutuyoruz. Sayfa açıklamalarını ve görsellerin alternatif metinlerini de içerikle birlikte yazıyoruz. Bu hazırlık bir sıralama vaadi değildir.

Sitenin arama sonuçlarında sağlıklı bir başlangıç yapması için gereken zemini oluşturur. Görsel dil de metin kadar çok şey anlatır. Renk, yazı karakteri ve fotoğraf dili, ziyaretçinin sizi birkaç saniyede nasıl algılayacağını belirler. Tabelanızda, ambalajınızda ya da araç giydirmenizde kullandığınız öğeler varsa onları ekrana uyarlıyoruz. Böylece müşteri dükkânda gördüğü markayı sitede de tanır ve iki deneyim arasında bir kopukluk hissetmez. Ekrana uyarlamak, basılı işi olduğu gibi kopyalamak anlamına gelmez. Kâğıtta hoş duran ince bir yazı, telefonda okunmaz hâle gelebilir. Açık zemin üzerindeki soluk bir renk de güneş altında bakılan ekranda kaybolur. Kontrast, satır aralığı ve başlık boyutlarını bu nedenle ekran koşullarına göre yeniden ayarlıyoruz. Web tasarım taslağını tek bir güzel ekran görüntüsü olarak değil, gerçek içerikle doldurulmuş sayfalar olarak sunuyoruz. Uzun bir ürün adı ya da iki satıra taşan bir başlık, düzenin sınandığı yerdir. Boş bırakılmış örnek kutular bu sorunları gizler. Onayınızı da bu gerçekçi görünüm üzerinden istiyor, düzeltmeleri aynı taslak üzerinde işliyoruz.

Fotoğraflar da bu gerçekçiliğin parçasıdır. Hazır görsel arşivleri hızlı bir çözüm gibi görünse de ziyaretçi gerçek atölyeyi ve gerçek ürünü görmek ister. Bir lokumun kesiti ya da mermer levhanın damarı, ancak kendi çekiminizle doğru anlatılır. Çekim planını, hangi sayfada hangi görselin gerektiğini belirleyerek sizinle birlikte hazırlıyoruz. Elinizde profesyonel çekim yoksa telefonla alınmış, düzgün ışıklı kareler de iş görür. Hangi açıların ve hangi arka planın gerektiğini size kısa bir notla iletiyoruz. Gün ışığında, sade bir zemin önünde çekilen birkaç kare çoğu zaman yeterli olur. Temsili görselleri ise hiçbir zaman gerçek iş gibi göstermiyoruz. Her görsel, sayfada gerçekten kullanılacağı boyuta göre hazırlanır. Tam ekran bir kapak fotoğrafıyla küçük bir ürün kutucuğu aynı dosyayı paylaşmaz. Metinle görselin aynı mesajı taşıması, ziyaretçinin bilgiyi tek bakışta kavramasını sağlar. Bu içeriğin asıl sınandığı yer ise çoğu ziyaretçinin elindeki telefon ekranıdır.

Mobil Uyumlu Düzenle İçeriği Telefonda Rahat Sunuyoruz

Ziyaretçilerinizin önemli bir kısmı sitenize telefondan, çoğu zaman tek eliyle ulaşır. Hazırladığımız her sayfayı önce dar ekranda düşünüyoruz. Arama ve yol tarifi düğmelerini başparmağın kolayca eriştiği yerlere koyuyoruz. Dokunma alanlarını da parmağın yanlış bağlantıya basmayacağı genişlikte tutuyoruz. Telefon numarasına dokunulduğunda arama doğrudan başlar, adres bağlantısı ise harita uygulamasını açar. Masaüstünde yan yana duran sütunlar, telefonda alt alta dizilir. Bu sırada hangi bilginin önce görüneceğine ayrıca karar veriyoruz. İletişim düğmesi, uzun bir tanıtım yazısının altında kaybolmamalıdır. Uzun metinleri kısa paragraflara bölüyor, ara başlıklarla ziyaretçinin aradığı yere kolayca ulaşmasını sağlıyoruz. Ölçü ya da ürün özelliği tabloları gibi yana taşan içerikleri de dar ekranda okunacak biçime çeviriyoruz.

Formlar, telefonda en çok zorlanılan alanların başında gelir. Alan sayısını yalnızca gerçekten gerekli bilgilerle sınırlıyoruz. Telefon numarası istenen kutuda rakam klavyesinin, e-posta kutusunda ise uygun klavyenin açılmasını sağlıyoruz. Hatalı bir girişte neyin eksik olduğunu açıkça söyleyen ve yazılanı silmeyen uyarılar kullanıyoruz. Form gönderildiğinde de ziyaretçiye talebinin size ulaştığını bildiren açık bir mesaj gösteriyoruz. Dar ekranda menü de farklı davranır. Masaüstündeki geniş menüyü küçültüp sıkıştırmak yerine en sık aranan birkaç bölümü öne alıyoruz. Ekranın altında sabit duran bir arama ya da mesaj düğmesi, uzun bir sayfayı okuyan ziyaretçiyi yukarı dönmek zorunda bırakmaz. Bu düğmeyi içeriği kapatmayacak ölçüde küçük tutuyoruz.

Yayından önce siteyi farklı boyutlarda telefonlarda ve tabletlerde tek tek deniyoruz. Menünün açılışı, formların klavyeyle uyumu ve görsellerin kırpılması bu denemede gözden geçirilir. Yatay çevrilen ekranda düzenin bozulup bozulmadığına da bakıyoruz. Yaygın tarayıcıların güncel sürümleri de bu denemenin kapsamındadır. Amaç, aksaklıkları ziyaretçiden önce bizim görmemizdir. Telefonda rahat kullanımın bir de görünmeyen yüzü vardır. Ziyaretçi çoğu zaman zayıf bir mobil bağlantıyla, yolda ya da iki iş arasında siteye girer. Doğru yerleştirilmiş ama geç açılan bir sayfa, düzenin sağladığı kolaylığı boşa çıkarır. Mobil düzenle sayfa hızını bu sebeple aynı web tasarım işinin iki parçası olarak ele alıyoruz.

Telefonda Hızlı Açılışı Yayından Sonra da Koruyoruz

Sayfanın açılış süresini çoğu zaman tek bir büyük sorun değil, birikmiş küçük yükler uzatır. Kullanılmayan eklentiler, sıkıştırılmamış görseller ve gereksiz yazı tipi dosyaları bunların başında gelir. Web tasarım ve kurulum sırasında bu yükleri baştan sınırlıyoruz. Sitede yalnızca gerçekten kullanılan işlevler kalır; ileride gereken bir özellik, ihtiyaç doğduğunda eklenir. Görselleri modern biçimlere dönüştürüyor, ekranda görünmeyen içeriklerin sonradan yüklenmesini sağlıyoruz. Yazı tiplerini yalnızca kullanılan ağırlıklarıyla ekliyoruz. Sayfa açılırken yerinden kayan düğmeler, kullanıcıyı yanlış yere dokundurduğu için ayrıca kontrol edilir. Görsellere ve gömülü haritalara baştan yer ayırmak, bu kaymaların önüne geçer. Bu ayarlar sayesinde bağlantı yavaşken bile metin, görsellerden önce okunur hâle gelir. Hız ölçümünü yalnızca bir test aracının puanına bırakmıyoruz. Siteyi zayıf mobil bağlantıda da açıp ilk içeriğin ne zaman okunur hâle geldiğine bakıyoruz. Ziyaretçi için önemli olan puan değil, beklemeden okuyabilmektir. Ölçüm sonuçlarını teslim belgesine ekliyoruz; sonraki kontrollerde karşılaştırma yapılabilecek bir başlangıç kaydı böylece elinizde olur. Yayından sonra hızı en sık etkileyen şeylerden biri, siteye eklenen yeni içeriklerdir.

Panelden yüklenen büyük bir fotoğraf, özenle hafifletilmiş bir sayfayı yeniden yavaşlatabilir. Bu nedenle teslim günü yönetim panelinde birlikte örnek işlemler yapıyoruz. Yeni bir duyuru eklemek, bir fotoğrafı doğru boyutta değiştirmek ya da çalışma saatlerini güncellemek bu provanın parçasıdır. Panelde değiştirebileceğiniz alanlarla sayfa düzenini belirleyen ayarları birbirinden ayırıyoruz. Böylece bir metni güncellerken yanlışlıkla bir bölümün yerleşimini bozmazsınız. Yüklenen görsellerin uygun boyuta küçültülmesini mümkün olduğunca panelin kendisine bırakıyoruz. Yeni bir hizmet sayfası açmak için kullanacağınız kalıpları da projenin kapsamına göre hazırlıyoruz. Böylece sonradan eklenen sayfalar da mevcut düzenle uyumlu görünür. Siteyi kendi ekibinizle güncel tutacaksanız panelin sadeliği önem kazanır. Karmaşık bir yönetim ekranı, küçük güncellemelerin bile ertelenmesine yol açar. Paneli, teknik bilgisi olmayan bir çalışanınızın da zorlanmadan kullanacağı biçimde düzenliyoruz. Siteyi güncelleyecek kişinin teslim provasına katılmasını ve sık yapılan işlemler için bıraktığımız kısa notları saklamasını öneriyoruz.

Sitenin altyapısı ve eklentileri düzenli güncelleme, güvenlik sertifikası ise zamanında yenileme ister. Eskiyen bir eklenti hem güvenlik açığı oluşturabilir hem de sayfaları yavaşlatabilir. Yedeklerin sitenin bulunduğu sunucudan ayrı bir yerde saklanması, bir aksilikte geri dönüşü mümkün kılar. Bakımı bize bırakmasanız da bu kontrollerin listesini yazılı olarak veriyoruz. Ziyaretçilerin hangi sayfalarda vakit geçirdiğini ve formu nerede yarım bıraktığını ölçmek, sonraki adımı gösterir. Sık okunan bir sayfa genişletilebilir, terk edilen bir form sadeleştirilebilir. Telefonda belirgin biçimde geç açılan bir sayfa da bu verilerde kendini ele verir. Kararları tahminle değil, bu verilerle almak emeği doğru yere yönlendirir. Afyonkarahisar’daki müşterilerinize mi yoksa şehir dışından gelen ziyaretçilere mi seslendiğiniz de zamanla netleşir. Veriler bu soruya yanıt verdikçe içerik ve dil seçenekleri yeniden ele alınabilir. Özenle yürütülen bir web tasarım çalışması, yayın gününde bitmiş bir iş değildir. Site ilk günkü hâlinde donmaz, işletmenizle birlikte gelişir.

Web Tasarımı Hakkında Sık Sorulan Sorular

İşletmenizin sunduğu hizmetleri, müşterilerinizin sık sorduğu konuları ve varsa mevcut sitenizin adresini paylaşmanız başlangıç için yeterlidir. Logonuz, fotoğraflarınız ve beğendiğiniz örnek siteler de işimizi kolaylaştırır. Rakiplerinizin sitelerinde eksik bulduğunuz noktalar da iyi bir çıkış noktasıdır. Eksik kalan metin ve görseller için kimin ne hazırlayacağını birlikte planlıyoruz.

Az sayfalı bir tanıtım sitesi için iyi seçilmiş bir tema, düzenli bir başlangıç sağlayabilir. Ancak temanın sunduğu kalıplar sizin içeriğinize uymuyorsa her değişiklik zorlama bir yamaya dönüşür. Kendine özgü bir akışa ya da çok sayıda ürün grubuna ihtiyacınız varsa, sıfırdan kurgulanan düzen daha rahat büyür. Web tasarım kararını, içeriğinizi gördükten sonra birlikte veriyoruz.

Evet, sitenin yapısı baştan buna göre kurulursa birden fazla dil rahatça yönetilir. Termal tesisler ya da yurt dışına ürün gönderen üreticiler için bu seçenek sık gündeme gelir. Önemli olan çevirilerin makine çıktısı gibi durmaması ve her dilin kendi sayfa adresine sahip olmasıdır. Çeviri metinlerini kimin hazırlayacağını teklif aşamasında netleştiriyoruz.

Kaybı sınırlamak için önce eski sitede hangi adreslerin ziyaret aldığını çıkarıyoruz. Örneğin başka bir sitede paylaşılmış eski bir ürün bağlantısı, yeni sitede o ürünün sayfasına taşınır. Böylece ziyaretçi hata sayfasıyla karşılaşmaz. Geçiş döneminde küçük dalgalanmalar olabileceğini de baştan söylüyoruz; arama sonuçlarındaki yer için söz vermiyoruz.

Sosyal medya, duyuru ve etkileşim için güçlü bir kanaldır; ancak hesabın düzeni ve kuralları size ait değildir. Paylaşımlar zamanla akışın altında kalır ve aranan bilgi kaybolur. Sitede ise hizmetlerinizi, iletişim bilgilerinizi ve sık sorulan konuları kalıcı bir düzende sunarsınız. İki kanal birbirine bağlandığında biri diğerini besler.

Eklenebilir; ancak önce bu talebin sizde nasıl karşılandığını konuşuyoruz. Basit bir randevu isteği için iyi kurgulanmış bir form ve arama düğmesi çoğu zaman yeterlidir. Ödeme, stok takibi ya da müsaitlik takvimi gerekiyorsa kapsam genişler ve ayrıca planlanır. Özelliği, onu yönetecek kişinin iş yüküne göre seçmek sonradan yaşanacak aksaklıkları azaltır.