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.
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.
İlgili hizmet
web tasarım ajansıNasıl çalıştığımızı görün →Bu yazı sende ne uyandırdı?
İlk tepkiyi sen ver
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
- Web & Yazılım
İş Süreci Otomasyonu: Hangi İşleri Yazılıma Devretmeli?
İş süreci otomasyonu her işe uymaz. Kural tabanlı, sık tekrarlanan ve hata maliyeti yüksek işleri nasıl seçeceğinizi örneklerle anlatıyoruz.
3 dk okuma - Web & Yazılım
Kurumsal Web Sitesi Yapısı: Hangi Sayfalar Gerçekten Gerekli
Kurumsal web sitesinde hangi sayfalar şart, hangileri sonraya kalabilir? Sahadan notlarla sayfa yapısı, içerik sırası ve sık yapılan hatalar.
3 dk okuma - Web & Yazılım
Yazılım Entegrasyonu: ERP, CRM ve Sitenizi Konuşturmak
ERP, CRM ve web siteniz birbirinden habersizse veri iki kez girilir, hata çoğalır. Yazılım entegrasyonuna ne zaman, nasıl başlanır?
3 dk okuma