10'dan 10
Araştırma
Potansiyel bir müşteri sadece bir web sitesi tasarlamanızı istedi, ancak nereden başlıyorsunuz? Projenin sorunsuz ilerlediğinden emin olmak için takip edebileceğiniz belirli bir süreç var. Standart grafik tasarım sürecini , içerecek birkaç web sitesine özgü adımlarla yansıtır.
Bir grafik tasarımcı olarak, kodlama dahil tüm tasarımı kendiniz üstlenmeyi seçebilirsiniz. Bununla birlikte, ayrıntılar için size yardımcı olacak bir ekip de toplamak isteyebilirsiniz. Bir web geliştiricisi ve SEO uzmanı, projenize değerli eklemeler olabilir.
Herşey Araştırma İle Başlıyor
Çoğu tasarım projesinde olduğu gibi, bir web sitesi oluştururken ilk adım araştırma yapmaktır. Bu araştırmanın bir kısmı, müşterilerinin ihtiyaçları hakkında bilgi sahibi olmak için yapılacaktır. Ayrıca, sektörleri ve rakipleri hakkında daha fazla bilgi edinmeniz gerekecektir.
Müşterinizle buluştuğunuzda, site için bir taslak oluşturmanıza ve en sonunda onu tasarlamanıza yardımcı olmak için mümkün olduğunca fazla şey keşfetmeniz gerekir. Buna, hedef kitleleri, hedefleri, yaratıcı yönleri ve müşteriye sunduğunuz bütçeyi ve son tarihini etkileyebilecek diğer değişkenleri sormayı da içerir.
Sektörünüz ve pazar araştırmanız eşzamanlı olarak gerçekleşecektir. Müşterinizle tanışmaya hazırlanmak için, onların endüstrileri hakkında bir fikriniz olmalı. İhtiyaçlarını öğrendikten sonra, biraz daha derinlere bakmak isteyeceksiniz.
Gerçekleştirilen araştırma seviyesi, müşterinin bütçesine ve mevcut endüstri bilginize bağlı olacaktır. Alandaki diğer web sitelerinin nasıl göründüğünü görmek kadar basit olabilir. Daha büyük projeler için, odak gruplarla derinlemesine araştırma gibi bir şey olabilir.
02/10
Beyin fırtınası
Projenin neyle ilgili olduğunu öğrendikten sonra, fikir toplamanın zamanı geldi ve beyin fırtınası başlamak için harika bir yer . Birincisi olmak için mükemmel bir fikir aramak yerine, web sitesi için herhangi bir fikir ya da kavram atmak. Her zaman daha sonra daraltabilirsiniz.
Bazı web siteleri, navigasyon (bir düğme çubuğu) ve kullanıcıların kendilerini beklemeleri muhtemel olan içerik alanları ile standart bir web arayüzü isteyebilir. Diğerleri içeriği sunmak için benzersiz bir kavram gerektirebilir.
Sonunda, içerik tasarımı yönlendirecek. Örneğin, bir haber sitesi, bir fotoğrafçının web portföyünden çok farklı bir yaklaşıma sahip olacaktır.
10/10
Teknik Gereksinimlere Karar Verme
Bir web sitesi geliştirme sürecinin başlarında, projenin teknik gereksinimleriyle ilgili kararlar alınmalıdır. Bu tür kararlar bütçeyi, zaman dilimini ve bazı durumlarda sitenin genel durumunu etkileyecektir.
Birincil kararlardan biri, hangi yazılımın kullanılacağını ve sitenin “çalışmasını” hangi sisteme dönüştürdüğünü belirleyecek olan sitenin temel yapısının ne olması gerektiğidir.
Seçenekleriniz şunları içerir:
- Temel HTML: Her sayfanın elle düzenlendiği standart bir HTML sitesi. Bu, gelişmesi nispeten hızlı olabilir, ancak az esneklik ve çok fazla devam eden bakım bırakır. HTML sitelerinin yalnızca HTML olmadığını ve CSS, JavaScript ve işlevler için diğer programlama dillerini içerdiğini hatırlamak da önemlidir.
- Bir İçerik Yönetim Sistemi Kullanın: Bir CMS kullanmak genellikle bir müşterinin düzenli içerik güncellemelerini gerçekleştirmesine izin verirken, tasarımcı sitenin genel görünümünü ve görünümünü kontrol eder. Bazı sistemler, sıfırdan ve satın alınan ve müşterinin ihtiyaçlarına göre uyarlanmış diğerlerinden geliştirilebilir. Blogger ve WordPress gibi çevrimiçi sistemler ücretsizdir ve temel bir CMS'yi de içerir.
04/10
Bir Anahat Yaz
Artık gerekli bilgileri topladığınızı ve bazı fikirleri beyin fırtınası yaptığınızı düşünerek, tüm bunları kağıda dökmek iyi bir fikir.
Bir web sitesinin bir taslağı , sitede yer alan her bölümün bir listesini içermeli ve her sayfada hangi tür içeriğin gösterileceğine ilişkin bir açıklama bulunmalıdır. Ayrıca, kullanıcı hesapları, yorum yapma, sosyal ağ işlevleri, video veya haber bülteni kaydı gibi sitede hangi özelliklerin olabileceğini olabildiğince ayrıntılı olarak açıklamalıdır.
Projeyi düzenlemeye yardımcı olmanın yanı sıra, müşteri bir web sitesi teklifinin taslağı ile sunulmalı ve proje devam etmeden önce onaylayabilmelidir. Bu, herhangi bir bölüm veya özellik eklemesine, kaldırmasına veya ayarlamasına olanak tanır.
Tüm bunlar sonuçta bir bütçe ve zaman çerçevesi oluşturmanıza ve siteyi oluşturmanıza yardımcı olacaktır. Onaylanmış bir taslak temelli bir web sitesi projesi için bir fiyat üzerinde anlaşmak, projede geç kalan ek ücretlerin veya fikir farklılıklarının önlenmesine yardımcı olacaktır.
05/10
Wireframes oluştur
Wireframes, (ve müşterinin) renk ve türden ziyade elemanların yerleştirilmesine odaklanmasını sağlayan web sitesi düzenlerinin basit çizgi çizimleridir .
Bu, hangi içeriğin en çok odaklanmayı hak ettiğini ve bu öğeler için sayfada kullanılan alanın yüzdesini belirlediğinden son derece yararlıdır. Diğer görsel unsurlar tarafından rahatsız edilmeden, onaylanmış tel çerçeveler tasarımlarınız için bir çerçeve sağlar.
Bazı projeler için, farklı içerik türleri için kullanılabilecek bir tel kafes koleksiyonu bulundurmayı düşünebilirsiniz. Çok fazla metne sahip, ilgili ve diğer sayfalar, bir galeri veya alışveriş sayfasından farklı bir yerleşime sahip olabilir.
Bir tel kafesinden diğerine geçiş yaparken web sitesi genelinde tek bir görünüm elde etmeniz önemlidir.
06/10
Web Sitesi Tasarımı
Siz ve müşteriniz tel kafeslerle mutlu olduktan sonra, siteyi tasarlamaya başlama zamanı.
Adobe Photoshop , ilk tasarımları oluşturmak için en yaygın araçtır. Site tasarımının içeriği, içeriği sunmak olmalı ve gerçek web sayfalarını oluşturmak için kullanılacaktır.
Şimdilik, müşterinizin bakması ve onaylaması için bir şeyler yaratmak için temel öğelerle tasarlayın ve oynayın .
- Gösterişli tasarımlar ve animasyonlar yerlerini yitirirken, kullanıcının neyi aradığını zorlamamalıdır.
- Tutarlı navigasyon , ziyaretçilerinizin tüm ana içerik alanlarınızı bulmasına yardımcı olur.
- Türün temiz kullanımı (metin odaklı bir site olması durumunda) ziyaretçilerin okumalarını ve daha fazlası için geri gelmelerini sağlayacaktır.
- Bir site tasarımı için gerçek içeriğe sahip olmadan önce Lorem Ipsum metni, müşterinizin dikkatini dağıtmadan boşlukları doldurmaya yardımcı olur.
07/10
Web Sayfaları Oluştur
Tasarımınız onaylandığında, sayfaların örneklerden HTML ve CSS'de yazılmış gerçek web sayfalarına dönüştürülmesi gerekir.
Deneyimli tasarımcı / geliştiriciler, tüm kodlamayı üstlenmeyi seçebilirken, web'in tasarım tarafına odaklanan bir kişi, siteyi hayata geçirmek için bir geliştirici ile yakın bir şekilde çalışabilir. Bu durumda, geliştirici başlangıçtan dahil olmalıdır.
Geliştiriciler, tasarımın gerçekçi ve etkili bir web düzeni olduğundan emin olun. Müşteriye söz verdiğiniz herhangi bir özellik hakkında da bilgilendirilmeleri gerekir, çünkü bazılarının siteye yürütülmesi veya faydalı olması mümkün olmayabilir.
Adobe Dreamweaver gibi yazılımlar, tasarımcıların mockup'ları sürükleyip bırakma özellikleri, önceden oluşturulmuş işlevler ve bağlantı ve resim eklemek için düğmelerle çalışan bir web sayfasına dönüştürmelerine yardımcı olabilir.
Web sitesi binası için birçok yazılım seçeneği bulunmaktadır. Çalışmaktan hoşlandığınız birini seçin, sayfaların ayrıntılarına ve kodlarına gerçekten girmenize izin verdiğinizden emin olun.
08/10
Web sitesini geliştirin
Düzeniniz HTML ve CSS'de tamamlandığında, seçtiğiniz sistemle entegre edilmesi gerekir. İşleyen bir site haline geldiği nokta budur.
Bu, bir içerik yönetim sistemi tarafından okunacak, bir WordPress şablonunu değiştirecek veya sayfalar ve daha gelişmiş web özellikleri arasında bağlantılar oluşturmak için Dreamweaver'ı kullanarak geliştirilecek şablonlar geliştirmek anlamına gelebilir. Bu yine başka bir üyeye veya takım üyelerine bırakılabilecek bir adımdır.
Ayrıca bir web sitesi alan adı satın almanız ve dizilmiş bir barındırma hizmetine sahip olmanız gerekir. Bu, müşteri ile yaptığınız görüşmelerin bir parçası olmalıydı ve gerçekte sürecin ilk aşamalarında yapılmalıydı. Hizmetlerin aktif hale gelmesi bazen biraz zaman alabilir.
Siz veya geliştiricinizin web sitesini kapsamlı bir şekilde test etmeleri de çok önemlidir. 'Büyük gösteriyi' yapmak istemiyor ve doğru çalışmayan işlevlere sahip değilsiniz.
09/10
Web sitesini tanıtın
Web siteniz çevrimiçiyken, bunu tanıtmanın zamanı geldi. İnanılmaz tasarımlarınız, insanlar onu ziyaret etmezse iyi olmaz.
Bir siteye trafik çekmek şunları içerebilir:
- Arama motorları için optimize ediyor. En iyi uygulamalar sürekli olarak değiştiği için bu bir uzmanlık alanı değilse bir SEO uzmanı işe alın.
- Yeni içeriği vurgulamak için bültenler göndermek. Haber bülteni tasarımı , marka mesajlaşmasını tutarlı tutmak için web sitesi tasarımıyla ilgili olmalıdır.
- Google’daki PPC reklamları veya diğer sitelerde banner reklamlar ile reklam vermek.
- Basılı reklam ve ağızdan ağza gibi daha geleneksel yöntemler.
10/10
Taze tutun
İnsanları sitenize geri getirmenin en iyi yollarından biri, içeriği yeni tutmaktır. Tüm işlerin bir siteye konulmasıyla, lansmandan aylar sonra aynı kalmasını istemezsiniz.
Yeni içerik, fotoğraf, video veya müzik yayınlamaya devam edin… site sunulmak üzere oluşturulduysa. Bir blog, sitenizi güncellemenin harika bir yoludur . Sitenizle ilgili herhangi bir konudaki herhangi bir uzunluğa sahip yayınlarla,
Müşteriniz bir CMS web sitesinin güncellemelerini ele alacaksa, bunları kullanmak için eğitmeniz gerekebilir. Tasarladığınız bir web sitesinde güncellemeler yapmak, düzenli gelir elde etmenin güzel bir yoludur. Siz ve müşterinizin yaptığınız herhangi bir güncelleme çalışmasının sıklığı ve ücretlerini kabul ettiğinizden emin olun.