Müşteri etkileşiminin üst düzey tutulması gerektiği, projenin tamamını ve devamlığını kapsayacak olduğundan en önemli aşama.

Projenin ne olduğu, ne amaçla yapıldığı, zaman çizelgesi, hedef kitlesi, gerekli materyaller, benzer projeler gibi verilerin analiz ve tanımlanma süreci. Müşteriniz sitesini ne kadar planlamış olursa olsun deneyiminiz eşliğinde öneriler vermekten korkmayın.

Bir önceki noktada bahsettiğim gereksinimlerin toplanmış (?ve kabul edilmiş) hallerini özetleyen belge. Size proje boyunca eşlik edeceğinden dolayı ne fazla yüzeysel, ne fazla teknik olmamasına dikkat edin.

?Site haritası? terim bakımından iki farklı anlama gelmekte. Birisi SEO amaçlı kullanılan site haritası, birisi projenize yol göstericisi olacak site haritası. Müşteriden sitenin sayfaları ve kategorileri hakkında gerekli bilgiler alınır, akabinde tasarımcılarınıza göstermek üzere hiyerarşi çizilir. Tasarım açısından ağaç dallarına benzetebiliriz sanki?

Ödeme planını, fesih ve proje hükümlerini, gizlilik hakkını, telif hakkı mülkiyetini belirlediğinizden emin olun. Proje dokümanında belirtilen maddelerden bir kısmı sağlanmadığında veya gecikme yaşandığında uygulanacak cezai yaptırımlar sözleşmede açıkça yer almalıdır. (Kullanılan para birimi döviz cinsinden ise sabit kur belirlemeyi unutmayın.)

Üçüncü taraf medya araçlarının (stok fotoğraf, font vs.) ötesinde, personellerinizin ve kiralamanızın gerektiği servisleri (bkz. sunucu) ve fiyatını belirleyin. Gerekli durumlarda ücretleri müşterinin bütçesine ekleyin.

Son aşamada projenin hangi programlama çatılarını (ing. framework) kullanacağı, platformun ne olacağı, hangi programlama dillerini ve veritabanını kullanarak geliştirileceği belirlenir.

Hazırlık aşaması atlatıldığına ve gerekli materyaller toplandığına göre sıra düşünceleri görselleştirmekte.

Web sitesinin görsel açıdan şekillenmeye başladığı ilk etap. Müşteriden ve benzer tasarımlardan/projelerden toplanan bilgiler eşliğinde sitenin wireframe (tr. taslak) hali çizilir. Wireframe evresi, düşünceleri kağıda dökmekle başlar.

Çizilen taslağın, taslak olmaktan çıkartılıp ilk prototipin hazırlanması. Henüz müşterinin onayını almadığından kolayca değiştirilebilecek bir yapı kurmaya özen gösterin.

Prototipin müşteriye sunulması, ardından müşterinin ekletmek/çıkartmak istediği şeyler varsa tasarımda revizyona gidilme süreci. Revizyon, müşteri tasarımı beğenene kadar tekrarlar.

İngilizcesiyle style guide, tasarımınızda kullandığınız form elemanlarının, fontların, renklerin, ikonların çetelesidir. Sitenizin sürdürülebilirliği açısından hem çalışma aşamasında, hem bitiş aşamasında oluşturmayı/kullanmayı unutmayın. Yüzeysel bir örnek olabilmesi açısından burada Medium?un stil rehberi duruyor.

Müşterinin çizilen tasarımı beğenmesinin ardından sıra tasarımı dinamikleştirmeye geliyor. Çizilen sitenin tarayıcılarda gösterilebilecek hale getirilmesi adına birçok yöntem bulunuyor, bunlardan en popüleri tasarımı dilimleyerek ilerlemek.

Tasarım belli bir olgunluğa eriştiğine göre elimizde kullanılacak teknolojiler ve arayüz hakkında somut bilgiler bulunmaktadır. Bu bilgiler ışığında kodlama yapılır, yazılım devamlı test edilerek ilerlenir.

?sürdürülebilirlik? kavramı; tasarımın diğer bileşenlere adaptasyonu, yönetilebilmesi ve sunumu olarak ön plana çıkar. Site kodlanıp teslim edildikten sonra; ?bir programcı/tasarımcı bu projeyi ne kadar esnetebilir? Müşterinin ek talepleri olursa sistem bunu gerçekleştirebilmesine olanak verir mi?? sorularına verdiğiniz cevaplar sürdürülebilir sistemin zeminini oluşturur.

Bir programlama terimi olan responsive (tr. duyarlı) yapı, oluşturduğunuz sitenin değişik çözünürlüklerde (akıllı telefon, tablet, bilgisayar) sağlıklı bir biçimde görüntülenmesini sağlayan tasarım sistemidir. Projenin çoklu platformlarda görüntülenebilmesi açısından atlanmaması gereken bir yapı taşı. (Onedio ziyaretçilerinin %54'ü mobil platformlar vasıtasıyla bağlanmakta.)

Çeşitli tarayıcılar, programlama desteği açısından çeşitli artılar ve eksiler sunarlar. Animasyonlarınız Chrome?da tıkır tıkır çalışırken, Safari?de defekt bir halde görüntülenebilir. Programcılar için can alıcı noktalardan birisi olan tarayıcı uyumluluğunu kesinlikle es geçmeyin, her tarayıcı (ing. browser) üzerinde akışı tam sağladığınızdan emin olun.

Oluşturmakta olduğunuz site elektronik ticaret üzerineyse ürünleri, portföy üzerineyse tasarıları, marka üzerineyse referansları koyma vakti geldi. İçeriklerin yüklenmesi (hazır değilse yazılması/yapılması), başta tipografisi olmak üzere sitenin doğru test edilebilmesi açısından büyük önem taşıyor.

Sitenin arama motorlarında (bkz. Google) üst sıralara yükselmesi adına yapılan çalışmaların genel ismi SEO?dur. Birçok püf noktası, taktiği haliyle eğitimleri, ders makaleleri bulunmaktadır. Bilişim çağının en büyük öncülerinden arama motorları, olası ziyaretçilerinizin sitenizi bulabilmesi açısından mihenk taşı öneminde. SEO hakkında bilginiz yoksa profesyonellerden yardım alındığından emin olun. Ürünü oluşturmak kadar satabilmekte önemli.

Programlama aşaması başarıyla tamamlandığına, kullanıcı deneyimi gibi evreler geçildiğine göre ?başlatma düğmesine? yavaş yavaş basıyoruz.

Tasarım bitmiş de olsa canınızı sıkan bir ikon, buton, reklam kanvası olabilir. Ufak son dokunuşlar, daha önce fark etmediğiniz şeyleri fark etmenizi sağlayabilir. Kodlarda basit değişiklikler yaparak değiştirebileceğiniz ögeleri göz önünde bulundurun.

Site haritanızın rehberliğinde oluşturduğunuz her sayfayı test edin, ettirin ve modüllerinizin işlevini yerine getirdiğinden emin olun. Tarayıcı uyumluluğundan, güvenlik testine kadar olan bu süreç şu şekilde kategorilendirilmiş.

Fizibilite raporunda alan adına yer verdiyseniz sıra satın almakta (eh vermediyseniz sıra bulmakta). Alan adları kendi içlerinde üç elemente ayrılıyor; alt alan adı (www), çekirdek alan adı (markanızın ismi) ve üst alan adı (.com, .org, .net?). Üst alan adları farklı amaçlara yöneliktir, kendinize uygun üst-uzantıyı bulmak için listeye buradan ulaşabilirsiniz.

Diğer aşamaları başarıyla geçtiğinize göre şu ana dek çalışmalarınızı yürüttüğünüz sunucuyu/plaformu bırakıp, gerçek sunucuya geçme vaktiniz geldi. Yerel dosyalarınızı profesyonel bir program aracılığıyla taşıyın.