Web Tasarım Süreci: Brief'ten Yayına Adım Adım Yol

Web tasarım süreci brief, yapı, tasarım, kodlama, test ve yayın aşamalarından oluşur. Her adımda sizden ne beklendiğini ve nelere dikkat edeceğinizi anlatıyoruz.

Piküp Medya Editör Ekibi· İçerik ve SEO editörlüğü4 dk okumaWeb & Yazılım
Web sitesi yerleşimlerinin suluboya ile çizilmiş iskelet taslakları.
Fotoğraf: Hal Gatewood · Unsplash

Web tasarım süreci altı ana adımda ilerler: brief, site yapısı ve içerik, tasarım, kodlama, test ve yayın. Her adımın sonunda onaylanacak somut bir çıktı olmalı. Aşağıda her aşamada sizden ne beklendiğini, nerede zaman kaybedildiğini ve teklif görüşmesinde neyi sormanız gerektiğini bulacaksınız.

Süreç neden brief ile başlar?

Bir işletme sahibinin ajansa ilk cümlesi çoğu zaman şudur: "Sitemiz eskidi, yenisini istiyoruz." Bu bir ihtiyaç değil, bir belirtidir. Asıl soru, yeni sitenin neyi değiştireceğidir: daha çok teklif talebi mi, daha güvenilir bir görünüm mü, yeni bir hizmetin tanıtımı mı?

Brief bu soruyu yazıya döker. İyi bir brief hedefi, hedef kitleyi, sunduğunuz hizmetleri ve beğendiğiniz ya da beğenmediğiniz örnekleri içerir. Rakipleriniz kimse onları da ekleyin.

Brief'i kısa tutabilirsiniz, ama belirsiz bırakmayın. Belirsiz brief, tasarım aşamasında sürekli geri dönüşe ve gereksiz revizyona yol açar.

Kapsam ve fiyat bu aşamada netleşir

Brief'ten sonra kapsam yazılı hale gelmelidir. Fiyatı belirleyen başlıca kalemler sayfa sayısı, özel tasarım düzeyi, çok dillilik, entegrasyonlar (ödeme, müşteri ilişkileri yönetimi, kurumsal kaynak planlama) ve metin ile görsel üretiminin kimde olduğudur.

Metin ve görsel konusu en sık atlanan kalemdir. Metinleri siz mi yazacaksınız, ajans mı? Bu tek soru takvimi haftalarca değiştirebilir.

Piküp'te başlangıç fiyatları Fiyatlar sayfasında KDV dahil yayınlanır. Kısa bir görüşmeden sonra kapsam yazılı olarak netleştirilir; böylece sonradan sürpriz kalem çıkmaz.

Site yapısı ve içerik: tasarımdan önce kurulan iskelet

Tasarıma geçmeden önce sayfaların haritası çıkarılır. Hangi hizmetin ayrı sayfası olacak, ziyaretçi ana sayfadan teklif formuna kaç adımda ulaşacak? Bu sorular çizimden önce cevaplanır.

Her hizmet için arama niyetine göre yazılmış ayrı bir sayfa planlamak burada başlar. İnsanlar "web tasarım" yerine "kurumsal web sitesi fiyatı" gibi daha özel ifadeler arar. Yapıyı baştan buna göre kurarsanız teknik arama motoru çalışması sonradan yama gibi durmaz.

Sık yapılan hata, içeriği en sona bırakmaktır. Tasarım sahte metinle onaylanır, gerçek metin gelince başlıklar taşar ve bölümler bozulur. Gerçek metni olabildiğince erken paylaşın.

Tasarım aşaması: ilk ekran neyi anlatmalı?

Tasarımın en önemli parçası ilk ekrandır. Ziyaretçi birkaç saniye içinde ne iş yaptığınızı anlamalı ve bir sonraki adımı görmelidir. Güzel görüntü tek başına yetmez; ilk ekrandan teklife giden yol bilinçli kurulmalıdır.

Tasarım genellikle önce masaüstü ve mobil için ana sayfa taslağıyla onaya sunulur. Onaydan sonra iç sayfalar aynı dille çoğaltılır. Geri bildirim verirken "beğenmedim" yerine "bu bölümde hizmetler gözden kaçıyor" gibi gerekçeli cümleler kurun.

Hazır şablon ile özel tasarım arasındaki fark da burada hissedilir. Şablon hızlı ve ucuz bir başlangıçtır, ancak aynı şablonu kullanan pek çok siteyle benzer görünürsünüz. Özel tasarım markaya göre kurulur ve ileride genişletmesi kolaydır.

Şablon mu, özel tasarım mı, konsept site mi?

Karar bütçenizden çok işinizin nereye gideceğine bağlıdır. Bir yıl içinde sayfa ve özellik eklemeyi düşünüyorsanız şablonun sınırları sizi zorlar.

Arada üçüncü bir yol var: sektörünüze özel hazırlanmış konsept siteler. Tek sayfalık konsept siteyle hızlı başlar, ihtiyaç oldukça sayfa eklersiniz.

Seçenek

Güçlü yanı

Dikkat edilecek nokta

Hazır şablon

Hızlı ve ucuz başlangıç

Benzer görünüm, sınırlı genişleme

Özel tasarım

Markaya göre kurulur, genişletmesi kolay

Daha fazla planlama gerektirir

Konsept site

Sektöre özel, hızlı başlangıç

Başlangıçta tek sayfa, sonra büyür

Kodlama ve test: sorunlar yayından önce yakalanır

Onaylanan tasarım kodlanır. Tasarımı çizen ekip kodlamayı da yapıyorsa çizimdeki bir bölüm yazılımda kaybolmaz. Piküp'te siteyi tasarlayan ekip kodlar ve yayına alır; araya dış ekip girmez.

Test aşamasında sitenin sizin eliniz altında denenmesi gerekir. Formları doldurun, telefon ve WhatsApp düğmelerine dokunun, siteyi farklı telefonlarda açın. Yönetim panelinden bir metni değiştirip kaydedin.

Burada yapılan sık hata, yalnızca bilgisayarda bakıp onay vermektir. Ziyaretçilerin büyük bölümü telefondan gelir; mobilde hızlı açılış temel ölçüttür.

  • Mobilde sayfa hızlı açılıyor mu?
  • Form, WhatsApp ve telefon bağlantıları çalışıyor mu?
  • Kod bilmeden metin güncelleyebiliyor musunuz?
  • Temiz adres yapısı, site haritası ve yapısal veri kurulu mu?
  • KVKK aydınlatma metni ve çerez yönetimi yerinde mi?
  • Yedekleme, güvenlik güncellemeleri ve SSL aktif mi?

Yayın günü ve sonrası

Yayın, sürecin sonu değil, ölçümün başlangıcıdır. Alan adı yönlendirmeleri, site haritasının arama motoruna bildirilmesi ve form bildirimlerinin doğru kişiye gitmesi yayın gününün kontrol listesindedir.

İlk haftalarda hangi sayfaların ziyaret aldığına, hangi formun doldurulduğuna bakın. Eksik bir bilgi ya da karışık bir bölüm genellikle bu verilerde kendini gösterir.

Yedekleme ve güvenlik güncellemelerinin kimde olduğunu da netleştirin. Site yayında kalır ama bakımsız kalırsa zamanla risk oluşturur.

Teklif istemeden önce yapmanız gerekenler

Önce hedefinizi tek cümleyle yazın, ardından hizmet listenizi ve beğendiğiniz birkaç siteyi toplayın. Metin ve görsellerin kimde olacağına karar verin. Bu üç hazırlık, teklifleri karşılaştırılabilir hale getirir.

Teklifte yukarıdaki kontrol maddelerinin kapsamda olup olmadığını sorun. Kapsamı yazılı isteyin; "sonra konuşuruz" denen kalemler çoğu zaman ek maliyet olarak döner.

Sürecin tamamını tek ekiple yürütmek isterseniz Piküp web tasarım hizmetini inceleyebilir, kıdemli tasarımcı ve yazılımcılarla doğrudan görüşebilirsiniz.

Bu yazı sende ne uyandırdı?

İlk tepkiyi sen ver

Faydalı mıydı?

Faydalı bulduysan paylaş:

Sık sorulan sorular

Web tasarım süreci kaç adımda ilerler?

Süreç altı ana adımdan oluşur: brief, site yapısı ve içerik, tasarım, kodlama, test ve yayın. Her adımın sonunda onaylanacak somut bir çıktı olmalıdır.

İyi bir web tasarım brief'inde neler olmalı?

İyi bir brief hedefi, hedef kitleyi, sunduğunuz hizmetleri ve beğendiğiniz ya da beğenmediğiniz örnekleri içerir. Rakiplerinizi de eklemeniz önerilir. Brief kısa olabilir ama belirsiz olmamalıdır, çünkü belirsiz brief gereksiz revizyona yol açar.

Web sitesi fiyatını hangi kalemler belirler?

Fiyatı belirleyen başlıca kalemler sayfa sayısı, özel tasarım düzeyi, çok dillilik, entegrasyonlar ve metin ile görsel üretiminin kimde olduğudur. Entegrasyonlara ödeme, müşteri ilişkileri yönetimi ve kurumsal kaynak planlama örnek verilebilir.

Hazır şablon mu, özel tasarım mı tercih edilmeli?

Karar bütçeden çok işinizin nereye gideceğine bağlıdır. Şablon hızlı ve ucuz bir başlangıçtır ama benzer görünüm ve sınırlı genişleme getirir. Bir yıl içinde sayfa ve özellik eklemeyi düşünüyorsanız şablonun sınırları sizi zorlar. Özel tasarım ise markaya göre kurulur ve genişletmesi kolaydır.

Web sitesi yayına alınmadan önce neler test edilmeli?

Formlar, telefon ve WhatsApp düğmeleri çalışmalı, site farklı telefonlarda açılmalı ve yönetim panelinden metin değiştirilebilmelidir. Mobilde hızlı açılış, KVKK aydınlatma metni, çerez yönetimi, yedekleme, güvenlik güncellemeleri ve SSL de kontrol edilmelidir. Yalnızca bilgisayarda bakıp onay vermek sık yapılan bir hatadır.

İlgili yazılar

İlgili hizmetler