Girişimcilere yönelik markalaşma, web tasarım ve dijital pazarlama rehberi...

    korhan.blog

    Web Sitesi Projesi Başlamadan Önce Hazır Olması Gereken, Web Tasarımcının İhtiyaç Listesindeki 6 Madde

    Web Sitesi Projesi Başlamadan Önce Hazır Olması Gereken, Web Tasarımcının İhtiyaç Listesindeki 6 Madde

    Bu makalede; benimle veya herhangi başka bir web tasarımcısıyla yeni bir web projesine başlarken web tasarımcının senden bekleyeceği ve ilk olarak hazırlanması gereken muhtemel ihtiyaç listesinden bahsedeceğim.

    Şu ana kadar sosyal ağlar üzerinden (Facebook, Twitter, Instagram vs.) özgün içerikler oluşturan biri veya bir marka olabilirsin. Bir girişimci olarak kendin veya yeni markan için bir web sitesi ihtiyacı duyuyor olabilirsin. Belki de şu an bir web siten var fakat memnun değilsin ve yenilenme ihtiyacı hissediyorsun.

    Kendine ait bir web sitesine ve alan adına sahip olma fikri dijital ortamda var olmanın en temel yoludur ve bunun iyi bir fikir olduğunu söyleyebilirim.

    Bir web sitesine sahip olma fikrini ertelemeyi bırakıp artık bunu yapmaya karar verdiysen ve bu konuda uzman bir web tasarımcıyla çalışma isteği duyuyorsan – belki de bulut tabanlı web geliştirme çözümleri kullanarak bunu kendin denemek niyetindesin – projeye başlamadan önce bu makaledeki maddeleri dikkatlice okuyup ön hazırlığını yapman doğru bir ilk adım olacaktır. Bu hazırlık tasarımcının işini kolaylaştırarak motivasyonu artırması ve projeye hız kazandırmasının yanında hedeflerine en uygun web sitesine sahip olmanı sağlayacaktır.

    “Bir web tasarımcı olarak başlayacağım web projesini planlandığım zamanda teslim edebilmek için bu makalede bahsettiğim tüm unsurların proje başlangıcında bana teslim edilmesini beklerim. İçerik teslim edilmeden çalışmaya başlamamayı tercih ederim.”

    Gelelim konuya. Nereden başlayacaksın ve başlamadan önce nelere ihtiyacın var?

    Marka

    İlk olarak düşünülmesi gereken en önemli konu marka çalışmasıdır. Marka çalışması; isim, logo, renk paleti, slogan, stiller, kurumsal kimlik, misyon, vizyon, duygu panosu ve tasarım özeti konularının tümünü kapsar.

    İyi yapılmış bir marka çalışması ileride yapılacak tüm tasarım çalışmalarının temel yapı taşıdır ve tasarımcı ihtiyaçlarına tek başına cevap verebilir.

    Eğer bir marka çalışması yaptırmak gözünde büyüyorsa, bu konuda bir bütçen olmadığını düşünüyorsan veya gereksiz buluyorsan en azından isim ve logoyu bu ihtiyaç listesinin en başına ekleyebilirsin. Bu iki unsur tasarımcıya en azından markan hakkında fikir verecektir.

    Logo markanın kimliğini temsil eder. Profesyonel olarak tasarlanmış güçlü bir logo, marka hakkında unutulmaz bir izlenim bırakmak için en önemli etkendir. Ucuz görünen ve kötü tasarlanmış bir logo, “biz düşük kaliteli bir firmayız” diye çığlık atacaktır! Web sitesi projesine başlamadan önce marka çalışmasının tamamlandığından emin olmalısın.

    Marka konusunda verdiğim hizmetler hakkında detaylı bilgi almak için tıkla…

    “Daha önce marka çalışması tamamlamamış veya kötü yapılmış firmalarla çalıştım ve bu benim motivasyonumu kötü etkiledi. Bu işlerimi her zaman referanslarımdan çıkarmayı ve unutmayı tercih ettim.”


    Web tasarım hizmeti verdiğim marka “Simply White” için hazırlanmış duygu panosu (moodboard) örneği. (bkz. http://simplywhitestudio.com)

    Amaç

    Marka çalışması yapıldı ve artık bir web sitesine sahip olmak için sabırsızlanıyorsun. İkinci olarak üzerinde düşünmen ve tanımlaman gereken şey siteyi yaptırma amacındır. “Bu siteyi neden yaptırıyorsun?”,  “Bu süreç sonucunda ne elde etmek istiyorsun?” cevaplaman gerken önemli sorulardır.

    Etkili bir web sitesinin mutlaka bir amacı olmalıdır ve başlangıçta doğru tespit edilmelidir. Hatta sitedeki her sayfanın başka amacı olabilir.

    Markaya değer sağlamak, bulunabilir olmak, müşterilerin telefon numarası veya e-posta adresi bilgilerini almak, rezervasyon almak, takipçi toplamak veya satış yapmak gibi hedeflerin varsa, sayfa tasarımları yapılırken bunlar dikkate alınmalı ve doğru yerlere konulan eylem çağrılarıyla bu hedeflere ulaşım sağlanmalıdır. Bir tasarımcının hedeflerine daha kolay ulaşmanı sağlayacak bu yolları tasarlayabilmesi için bu bilgilerin ona iletilmen gerekir.

    Her tasarımcının bilmesi gereken kullanıcı deneyimi artırıcı 3 temel tasarım deseni hakkında bilgi almak için buraya tıkla…

    Alan Adı (Domain Name) ve Hosting

    Web sitesini yaptırma amacını da bildiğimize göre artık alan adını belirleyebiliriz. Olabileceğini düşündüğün alan adlarının listesini çıkarmaya başlayabilirsin. Alan adının daha önce satın alınıp alınmadığını kontrol etmek için bu bağlantıyı kullanabilirsin: https://tr.godaddy.com/domains/domain-name-search

    Bir web sitesini internet üzerinde yayınlamak için satın alınan alan adının yönlendirilmesi gereken ve web sitesini oluşturan tüm kaynak dosyaları, fotoğrafları, içeriği, videoları vb. barındıracak olan sunucu hizmetinin de ayrıca satın alınması gerekir.

    Web sitesini yayınlamak için gerekli olan alan adını bir posta adresi, hosting/barındırma hizmetini da o adreste bulunan bir dükkan gibi düşünebilirsin.

    Alan adı ve hosting hizmeti satın alma işlemlerini gerçekleştirmeden önce belirtmek istediğim şey bu konuda acele etmemen ve gereksiz bir ödeme yapmış olmamak için mutlaka siteyi hazırlayacak uzmana danışman olacaktır.

    “Alan adını ve hosting hizmetini çevresinden duyduğu yönlendirmelerle ve kendi yaptığı araştırmalara göre bir firmadan alıp benimle daha sonra temas kuran kişilerle çalıştım ve bu kişilerden bazılarını doğru alan adını satın almaları ve deneyimlediğim, yönetici arayüzüne aşina olduğum ve güven duyduğum bir hosting firmasıyla çalışmaları konusunda yönlendirmeyi tercih ettim.”

    İçerik

    Marka çalışması yapıldı, web sitesi yaptırma amaçları belirlendi, bir alan adı ve hosting hizmeti satın alındı ve artık web sitesinde olmasını istediğin içerikleri oluşturmaya başlamanın zamanı geldi. Bu içerikler nelerdir veya neler olabilir?

    Öncelikle sitende sunmak istediğin içerik ana başlıklarını ve varsa alt başlıklarını belirlemelisin. Bir firma veya marka için genelde kullanılan en temel ve olmazsa olmaz başlıklar şunlardır: “Ana sayfa”, “Hakkında”, “İletişim” ve “Hizmetler”. Bu başlıklara “Yazılar/Blog”, “Referanslar” varsa “Ürünler” de eklenebilir.

    Başlıklar belirlendikten sonra bu başlıların içeriğinde olması gereken metinler dijital ortamda yazılmalı ve tercihe göre görselleri belirlenmelidir. Görsel belirlenirken özgün olması açısından bir fotoğrafçıyla çalışmak doğru bir tercih olacaktır.

    Bir web sitesinin ilk izlenimde güzel ve kaliteli görünmesini sağlayan ilk unsur markanın logosu ve kullanılan renk paleti, ikinci unsur da kullanılan fotoğraf ve görsellerin kalitesidir.

    Çalıştığım bazı firmalar için çekilmiş fotoğrafların bir çoğunun web sitesinde kullanılmaya uygun olmadıklarını gördüm. Tekrar çekim yapılması o an için uygun değildi ve kadrajları düzenlemek için fazlaca mesai yapmak ve bunu proje bütçesine yansıtmak durumunda kaldım. Firma fotoğrafçı bütçesi ayırmasına rağmen aldığı sonuç daha iyi ve tatmin edici olabilirdi. Ben fotoğrafçılık hizmeti vermesem de seni bu konuda yönlendirebilirim ve mutlaka deneyimi olan bir fotoğrafçı bulunmasını öneririm.

    Web sitesi için ziyaretçi çekmek ve arama motoralarında listelenmek hedefleriniz arasındaysa bunun yolu güncel olma ve düzenli içerik üretmektir. Belirli aralıklarla Blog/Yazı veya Ürün girişi yaparak bu içeriği üretip potansiyel takipçilerin ilgisini çekebilirsin. Başlangıç aşamasında 3’er adet içerik yeterli olacaktır. Ayrıca içerikleri gruplandırmak amacıyla tanımlanması gereken kategorileri de düşünüp listeleyerek iletebilirsin.

    Bir web sitesine arama motorları üzerinden ziyaretçi çekmenin ve gelen ziyaretçiyi uzun süre sitede tutmanın en iyi yolu yeni, özgün ve kaliteli içerik üretmektir.

    Son olarak eğer markan için gösterebileceğin iyi referanslar varsa bunları da hazırlayıp teslim etmelisin. Bunlar basında çıkmış  olumlu yazılar, müşteri görüşleri veya daha önce tamamlanmış başarılı projeler olabilir.

    İşlevsellik

    Bir web tasarımcının çalışmasına başlamadan önce bilmesi gereken en önemli konulardan biri işlevselliktir. Bu işlevler ek dil seçeneği, e-bülten aboneliği, e-ticaret modülü, gelişmiş formlar, online chat, mantıksal yönlendirmeler veya çok daha karmaşık işlevler olabilir. Web sitesinin sahip olmasını istediğin işlevleri tasarımcıya iletirsen, tasarımcı bu işlevlere göre bir proje planı yapacaktır.

    Hazırlanacak web sitesindeki işlevlerini önceden belirleyip tasarımcıya doğru iletirsen, başlangıç aşamasında web sitesi altyapısını doğru planlanmasına yardımcı olmuş olursun.

    Özellikle karmaşık işlevselliğe sahip bir web sitesi için başlangıç aşamasında doğru platformun oluşturulması önemlidir ve ilerde oluşabilecek iş ve zaman kayıplarını önceden engeller.

    İlham Veren Web Siteleri

    Hazırlanmasını istediğin web sitesine benzeyen, dünya üzerindeki belirgin ve başarılı örnekleri araştırarak ve listeleyip ileterek vizyonun ve zevklerin konusunda tasarımcıya fikir verebilirsin. Ayrıca bu araştırmayı yaparken kendine de yeni fikirler ve farklı bakış açıları sağlamış olacaksın. Bu da projenin daha başarılı bir sonuca ulaşmasına yardımcı olacaktır.

    İlham veren web siteleri listesine, daha yakın çevrede bulunan ve markana rakip gördüğün web sitelerini de ekleyebilirsin.

    Dünya üzerindeki belirgin ve başarılı örnek firmaların ve yakın çevredeki rakip firmaların web sitesi adreslerinin bir listesi, hem senin hem tasarımcının rakiplerini tanımasına, anlamasına ve daha iyi bir web sitesi hazırlanmasına yardımcı olacaktır.

    “Bir web projesine başladığımda senin yaptığı araştırmaya ek olarak ben de kendi kanallarımla benzer araştırmaları ve incelemeleri her zaman yaparım.”

    Özet

    Bu makalede bir web tasarımcının web sitesi projesine başlamadan önce bilmesi ve kendisine iletilmesi gereken unsurlardan bahsettim. Bu unsurları “Marka”, “Amaç”, “Alan adı ve Hosting”, “İçerik”, “İşlevsellik” ve “İlham Veren Siteler” tanımlarıyla 6 başlık altında toplayıp aktarmaya çalıştım.

    Bu makaledeki bilgilerin benim gibi web tasarımcı olarak hizmet veren diğer meslektaşlarıma ve bir web tasarımcıyla yeni bir web sitesi projesine başlayacak girişimcilere iyi bir kaynak olması dileğiyle.

    Bu yazıyı hazırlarken daha önceden hazırlanmış ve derlenmiş bazı dış kaynakları inceledim ve kendi deneyimlerinden faydalandım.

    Kaynaklar

    https://www.janetsoriano.com/12-things-need-can-design-website/
    https://www.oswebdesign.co.uk/blog/6-things-i-need-before-i-can-design-your-website
    https://www.neondesign.com.au/blog/posts/5-things-i-need-from-you-before-i-can-design-your-website
    https://www.shopify.com/partners/blog/103697222-5-questions-you-should-ask-your-clients-before-every-web-design-project
    https://ictguy.com/web-design-checklist/

     

    Yazının içeriğini aynı şekilde veya dilediğin gibi düzenleyip istediğin yerde -bu sayfaya bağlantı vermek koşuluyla- paylaşabilirsin. 

    Bu yazıya eklenmesini düşündüğün başka bir başlık varsa, içeriğin hatalı veya eksik olduğunu düşünüyorsan, yazıya eklememi istediğin detaylar varsa, anlaşılmayan bişey olduysa veya herhangi bir konuda sorun veya yorumun varsa aşağıdaki alanı kullanarak iletebilirsin.

    Bir Web Sitesinde Olması Gereken 6 Temel Unsur

    Bir Web Sitesinde Olması Gereken 6 Temel Unsur

    Yeni bir web sitesi hazırlama söz konusu olduğunda elbette ki her web tasarımcı farklı bir plana ve bakış açısına sahip olabilir; ancak hepsinin kullandığı temel ve ortak bir kontrol listesi vardır. Yeni bir web sitesi tasarım işinin başında, web tasarımcısına bu listedeki bilgileri teslim etmek gerekir ve temelde web sitesi hazırlama işinin en uzun süreçlerinden biri bu bilgileri hazırlamaktır. Baştan doğru içeriği oluşturmak ve tüm tasarımı bu içeriğe göre şekillendirmek projenin doğru yönetilmesi konusunda etkilidir, iletişimi kuvvetlendirir ve daha sonra oluşabilecek zaman kayıplarını önceden engelleyebilir.

    Doğru içeriği oluşturmak iletişimi kuvvetlendirir ve daha sonra oluşabilecek zaman kayıplarını önceden engelleyebilir.

    Sen de ister bir tasarımcı, ister web sitesi ihtiyacı duyan bir girişimci ol; web sitesi çalışmasına başlamadan önce bu 6 temel unsuru hazırlaman gerektiğini bilmelisin! Şimdi kaçınılmaz olarak her web sitesinin içermesi gereken bu unsurları birlikte inceleyelim.

    Üstbilgi/Header

    Bir web sitesinde üstbilgi, her sayfanın üst kısmında yer alır ve bazı önemli amaçlara hizmet ederken logonuz için bir yer sağlamaktan çok daha fazlasını yapar. Tüm web sitelerinde benzer ve belirli özelliklere sahip olsa da iyi bir üstbilgi tasarımı, siteyi farklılaştırabilir. Ancak tutarlı bir kullanıcı deneyiminin parçası olarak belirlenen temel özelliklerin çok da fazla dışına çıkılması önerilmez.

    Bir Web Sitesinde Üstbilgi/Header Nedir ve Nasıl Olmalıdır?

    Üstbilgi içeriğinde en temel olarak logo ve ana menü kullanımının yanında slogan, arama butonu, acil iletişim telefonu, alışveriş sepeti bağlantısı, sosyal medya bağlantıları, kayıt/giriş profil bağlantıları, kullanıcı uyarıları vs. gibi ögeler ve menüyle bütünleşik bir karşılama görseli de yer alabilir.

    Albania Yatçılık Hizmetleri web sitesi için hazırladığım üstbilgi/header örneği

    Bu bölümün bir kısmı genellikle web sitesinde yer alan tüm sayfalarda sabittir, ancak bazı tasarımlar sitenin alt sayfalarında biraz farklılık gösterebilir.

    İyi bir üstbilgi/header alanı, web sitesinde daha kolay gezinme deneyimi sağlamanın yanında etkili bir ilk izlenim bırakmalıdır.

    Üstbilgi bölümünün en temel bileşeni olan ana menü web sitende dolaşımı sağlamak amacıyla kullanılan en temel araçtır. Bu bağlantı aracı için çeşitli stiller mevcut olmasına karşın, hepsi temelde ağaç yapısında katmanlı bir listedir. Web sitende dolaşmayı ve içerik başlıklarının listelenmesini sağlayan bu ağaç yapısındaki liste için doğru başlıkları seçmek önemlidir.

    Menüyü hazırlarken ilk olarak web sitesinde sunulmak istenen tüm başlıklarla ilgili kapsamlı bir liste hazırlanır. Liste çok uzunsa mutlaka gruplama yapılmalıdır. Listeyi alt gruplara ayırmak, önemine göre ikiye bölmek gibi seçenekler değerlendirilebilir.

    Menüler sitenin üst bölümünde (header), alt bölümünde (footer) veya yanda (sidebar) yer alabilir.

    Menü başlıkları belirlendikten sonra bu başlıkların arasında da mutlaka yer alması gereken “İçerik” bölümünden bahsedelim.

    İçerik

    Bu temel unsurun bir web sitesinin başarısı için en önemli etken olduğunu söylemek yanlış olmayacaktır. İyi bir web sitesinin anahtarı, ziyaretçilerin istediği ve alakalı içeriği sunmaktır ve yüksek kaliteli içeriğin daha iyi bir alternatifi yoktur. İster ziyaretçilere faydalı bilgi sunmak için yazılar yazın, ister hizmetlerinizi anlatın, ister işlerinizi, ister ürünlerinizi sunun, yalnızca kaliteli içerik ziyaretçilerle etkileşim kurabilir.

    Yüksek kaliteli içerikler, ziyaretçilerinizin işiniz hakkında daha fazla bilgi sahibi olmalarını ve hizmetlerinizden zevk almalarını, ürünlerinizi kullanma ve satın alma vb. olasılıklarını arttıracaktır.

    Bir web sitesinin içeriği, ziyaretçinin “Benim için neyiniz var?” sorusuna cevap vermelidir.

    Eyleme Çağrı (Call-To-Action)

    Bir web sitesinde ziyaretçiyle etkileşimi gerçekleştiren ve bunu bir eyleme dönüştüren açık, vurucu ve güçlü yönlendirmelerdir. Eyleme çağrı bir ziyaretçinin sitenize girdikten sonra onu yönlendirmek istediğiniz ve gerçekleştirmesini beklediğiniz eylemdir. Çoğu zaman web sitesinin tüm hazırlanma amacı bu eylemi gerçekleştirmek olabilir ve çoğu durumda bir web sitesi için eyleme çağrı yönlendirmesi; satış yapmak veya bilgi toplamak amacıyla kullanılmaktadır.

    Eyleme çağrı yönlendirmelerine ilişkin “Şimdi Satın Al”,  “Hemen Teklif Al”, “Hemen Katılın”, “Ücretsiz İndirin”, “Bedava Üye Olun” gibi cümleler örnek gösterilebilir.

    Lindo Studio web sitesi için kullandığım Call-To-Action örneği. Ekranın sağ alt kısımda sabit olarak bulunan “Teklif Al” butonu.

    Eyleme çağrı bağlantısının; web sitesinde her an görünebileceği ve ziyaretçinin istediği her an, en kısa yoldan bu yönlendirmeye ulaşabileceği bir yerde olması tercih edilir.

    İletişim

    İletişim bölümü bir web sitesinin olmazsa olmaz önemli bir unsurudur. Kullanıcıların yetkili kişiye/kişilere kolaylıkla ulaşabileceği bilgileri içermelidir. Adres ve telefon bilgisi paylaşmak her ne kadar çok tercih edilmese de kurumsallık ve güvenilirlik açısından önemli olabilir. Bunun yanı sıra e-posta adresleri, iletişim formu, harita veya sosyal ağ bağlantıları “İletişim” bölümünde tercih edilebilecek diğer sık kullanılan araçlardır.

    İletişim bilgilerinin sitede kolaylıkla görünebilecek veya ulaşılabilecek bir yerde olması gerekir. Kullanıcıların sizi bulmak istemeleri durumunda iletişim bilgilerine kolayca ulaşamamaları onlara sinir bozucu gelebilir.

    Miraj Otomotiv web sitesi için hazırladığım iletişim bölümü örneği

    İletişim bilgileri sitenin üst bölümünde (header), alt bölümünde (footer) veya bir menüden tıklanarak açılacak özel bir sayfada paylaşılabilir. “İletişim” bölümü için bazen ayrı bir sayfa kullanmak yerine “Hakkında” sayfasında paylaşıldığı da görülmüştür.

    Şimdi de “Hakkında” bölümüne hızlı bir göz atalım.

    Hakkında

    Her ne kadar büyük ve zaten bilinen markalar için çok önemli olmasa da bilinmedik bir isim veya marka için oldukça önemli bir unsurdur. Bu bölümde felsefe, bakış açısı (vizyon), biyografi ve hedefler (misyon) genellikle tercih edilen konulardır.

    Şahıslar için sıkıcı olmayan kısa ve özlü bir biyografi, şirketler için kısa bir tarihçe uygun olacaktır.

    Markaya daha organik ve gerçekçi bir kimlik kazandırmak adına “Hakkında” bölümünde ekip fotoğrafları ve bilgileri, dijital  medyada veya basılı medyada çıkmış yazılar ve haberler paylaşılabilecek diğer konulara örnek gösterilebilir.

    “Hakkında” bilgileri genellikle ayrı bir sayfada yer alır. Sayfanın bağlantısı sitenin ana  menüsünde (main menu) veya tercihe göre alt menüsünde (footer menu) yer alabilir.

    Altbilgi (Footer)

    Altbilgi, bir web sitesinin tüm sayfalarında görüntülenen marka logosu ve ana menü gibi, fakat birincil önceliğe sahip olmayan, sabit ve her an ulaşılabilir bir diğer bölümüdür. Sitenizin en alt kısmında bulunan bu sabit alanda küçük bir site haritası, şirket veya iletişim bilgileri, ikincil bir menü, dış bağlantılar, sosyal medya hesapları sıkça kullanılan ve karşılaştığımız bağlantılardır.

    Altbilgi, başka yerlerde bulunan ögelerin tekrarlanması ve daha kolay ulaşılır olması için de kullanılabilir.

    Lindo Studio web sitesi için tasarladığım footer örneği

    En iyi altbilgilerden bazıları, yukarıdaki öğelerin birçoğunu birleştirir. Altbilgi, başka yerlerde bulunan ögelerin tekrarlanması ve daha kolay ulaşılır olması için de kullanılabilir. Ayrıca, tasarım şemasında başka mantıksal bir yer yoksa üst bilgideki başlıklardan bazıları alt bilgiye alınabilir. Geniş bir ana menüye sahip sitelerde hakkında ve iletişim bilgilerinin ikincil olarak alt menüye alındığı sık görülen bir yaklaşımdır.

    Özet

    Bir web sitesinde olması gereken 6 temel unsuru inceledik. Bu unsurları Üstbilgi, İçerik, Eyleme Çağrı, Hakkında, İletişim, Altbilgi olarak listeledik ve her unsura kısaca göz attık.

    Bu listedeki ipuçlarının yeni web sitesi projelerine başlayacak kişilere fikir vermesini ve iyi bir kaynak olmasını umuyorum.

    Yazının içeriğini aynı şekilde veya dilediğin gibi düzenleyip istediğin yerde -bu sayfaya bağlantı vermek koşuluyla- paylaşabilirsin. 

    Bu yazıya eklenmesini düşündüğün başka bir başlık varsa, içeriğin hatalı veya eksik olduğunu düşünüyorsan, yazıya eklememi istediğin detaylar varsa, anlaşılmayan bişey olduysa veya herhangi bir konuda sorun veya yorumun varsa aşağıdaki alanı kullanarak iletebilirsin.