Ana sayfa tasarımı, hazır kahraman şablonunu kopyalamakla bitmez. İlk ekran, kanıt, hizmet girişi ve sonraki adım iş hedefine göre sıralanır. Bu rehber, teklif, keşif ve güven senaryolarında bölüm sırasını nasıl kuracağınızı adım adım gösterir.
Ana sayfa tasarımı, hazır bir kahraman şablonunu sitenin tepesine yapıştırmak değildir. Ziyaretçi ilk ekranda ne okur, hemen ardından kanıt mı yoksa hizmet girişi mi görür, sonraki adım nerede durur: bu sıra iş hedefine göre kurulur. Şablonlar çoğu zaman aynı iskeleti dayatır; oysa bir teklif formu, bir kategori vitrini ve bir güven inşası aynı sırayı hak etmez.
Bu rehber, blokları görsel alışkanlıkla dizmek yerine konuşmayı hedefe göre sıralamanız için uygulanabilir bir çerçeve sunar.
Ana sayfa tasarımı neden şablon sırasıyla başlamaz
Hazır temalar genelde tanıdık bir iskelet önerir: büyük görsel, logo şeridi, üç özellik kutusu, referans, ardından form. Düzen tanıdık geldiği için güvenli hisseder. Asıl sorun, tanıdıklığın ziyaretçinin işini görmemesidir.
Ziyaretçi ana sayfaya bir görevle gelir. Görev bazen markayı tartmak, bazen doğru kategoriyi bulmak, bazen de hemen iletişim kurmaktır. Aynı bloklar farklı görevde farklı ağırlık taşır. Logo şeridi, henüz tanınmayan bir tedarikçide ilk itirazı yumuşatabilir; kategorisi net bir mağazada ise yalnızca kaydırma maliyeti üretir.
Sıra, içerik envanteri değil karar mimarisidir.
Her bölüm bir soruyu yanıtlamalı ve bir sonrakine kapı açmalıdır. Yanıtlamadığı bir soru varsa o bölüm yer değiştirmeli ya da çıkmalıdır. “Elimizde bu blok var” gerekçesi, ana sayfaya yerleşme hakkı vermez.
İş hedefini dört soruyla sabitleyin
Bölüm sırasına geçmeden önce tek cümlelik bir hedef yazın. “Markayı anlatmak” fazla geniştir. İşe yarar bir cümle şuna benzer: ilk ziyarette doğru hizmete yönelip teklif istemesini istiyoruz.
Cümleyi dört soruyla sıkılaştırın:
- Bu ziyarette tek başarı nedir?
- Birincil kitle kimdir? İkincil kitle ana sayfayı şişirmesin mi?
- En sık durduran itiraz nedir: yetkinlik, kapsam, teslim, fiyat mı?
- Elinizde gerçekten duran kanıt nedir?
Kanıt yoksa boş referans alanı açmayın. Süreç anlatımı, kime hizmet verdiğiniz ve net kapsam sınırları da güven üretir. Uydurulmuş vaka, şerit logo veya abartılı sıfat, sırayı değil şüpheyi öne alır.
KepezWeb işlerinde ana sayfa iskeletine bu envanterle başlarız. Üçüncü ve dördüncü soru çelişirse dürüst olanı seçin. Gösterilemeyecek bir referans, ilk ekranın altına yapışmamalıdır.
İlk ekranı hedefe göre kurun
İlk ekran slogan yarışması değildir. Ziyaretçinin “doğru yerde miyim?” sorusunu yanıtlayan kısa bir sahne ve tek net eylemdir. Mesaj döner slaytta kayboluyorsa sıra daha başlamadan dağılır.
Hedef teklif almaksa ilk ekranda kimin için olduğunuz, hangi işi çözdüğünüz ve iletişim yolu durmalıdır. Arka plan videosu veya süslü sahne, bu üç bilgiyi geciktiriyorsa süs olur. İkincil eylem varsa metin bağlantısı yeter; iki eşit düğme kararı böler.
Hedef ürün keşfiyse ilk ekran arama, kategori girişi ve öne çıkan koleksiyonla konuşur. Uzun kurumsal manifesto, sepete giden yolu uzatır. E-ticaret sitesi ana sayfası vitrin gibi çalışır; stok, teslim ve ayrıntılı özellik ise ürün detay sayfasındaki bilgi hiyerarşisinde derinleşir. Ana sayfanın işi doğru ürüne götürmektir.
Hedef güven inşasıysa — yeni marka, yüksek riskli alım, uzun karar — ilk ekranda konumlandırma ve somut yetkinlik sinyali durur. “Yılların deneyimi” gibi boş sıfat yerine kime hizmet verdiğiniz ve nasıl çalıştığınız yeter.
Hedef mevcut müşteriyi işini bitirmeye götürmekse kahraman görseli ikinci plandadır. Giriş, sık kullanılan işlem ve kısa duyuru öne çıkar. Ana sayfa o zaman vitrin değil, araç paneli gibi sıralanır.
Kanıt, hizmet girişi ve sonraki adımı nereye koyarsınız
Üç blok çoğu ana sayfada vardır; yerleri hedefe göre değişir. Yanlış yer, doğru içeriği bile zayıf bırakır.
Kanıt iddiadan sonra gelmelidir. Ziyaretçi “bunu kim söylüyor?” demeden logo yağmuruna tutmak iddiayı güçlendirmez. Bilinmeyen markada kısa ve somut kanıt, ilk ekranın hemen ardından durur. Tanınan markada aynı blok aşağı kayabilir veya tek vakaya inebilir.
Hizmet girişi ziyaretçi kategoriyi bilmiyorsa erkendir. Web mi, yazılım mı, reklam mı ayrımı net değilse kartlar ilk ekrandan sonra karar ağacı olur. Ziyaretçi hizmeti zaten biliyorsa kartlar, kanıt ve “nasıl çalışır”dan sonra detaya iner. Kart metinleri birbirinin tekrarıysa giriş yok demektir; yalnızca dolgu vardır.
Sonraki adım bir kez gizlenip sayfa sonuna bırakılmamalıdır. Her bölümün altına aynı iri düğmeyi dizmek de gürültüdür. Mantık şudur: bir iddia kapandıktan sonra eylem teklif edilir. Hizmet özeti bittiyse ilgili hizmeti incelemek veya teklif istemek doğal durur.
Kurumsal web tasarım işinde ana sayfa katalog değil yönlendirme omurgasıdır. Hizmet girişi “kime, hangi kapsamda” sorusunu ayırır. Fiyat kişiye göre şekilleniyorsa ana sayfada uydurma paket dizmeyin; sonraki adım kapsam konuşması olsun.
Hedefe göre örnek bölüm sırası
Aşağıdaki tablo kopyalanacak bir yasa değildir. Elinizdeki kanıt zayıfsa kanıt satırını süreç ve kapsamla değiştirin. Teklif süreci uzunsa formu şişirmek yerine net vaat ve iletişim tercihi yeter.
| İş hedefi | Önerilen bölüm sırası | İlk ekranın işi |
|---|---|---|
| Teklif veya iletişim | Mesaj ve tek eylem, kısa kanıt, hizmet ayrımı, süreç, form | Kimin için olduğunuzu ve ne yapılacağını netleştirmek |
| E-ticaret keşfi | Arama ve kategori, öne çıkanlar, güven notu, koleksiyon | Ürüne giden yolu kısaltmak |
| Yeni markada güven | Konumlandırma, kanıt, nasıl çalışır, hizmet, eylem | “Bu ekip bize uyar mı?” sorusunu yanıtlamak |
| Tekrarlayan işlem | Giriş, sık işler, duyuru, destek | Bilinen görevi hızlandırmak |
Trafik kaynağı da sırayı kaydırır. Net bir reklamdan gelen ziyaretçi “doğru yer miyim?” sorusunu kısmen yanıtlamış olabilir; o zaman kanıt ve eylem öne alınır. Genel bir aramadan gelen ziyaretçi ise önce ayrımı görmek ister.
Mobilde ilk iki ekranı koruyun
Masaüstünde ilk ekran çok blok alır. Telefonda çoğu zaman başlık, bir cümle ve düğme sığar. Masaüstü sırasını olduğu gibi küçültmek, asıl mesajı ikinci ekrana iter.
Kanıt şeridi yatay kaydırmalı logolara dönüşüp okunmaz hale gelebilir. Dört eşit hizmet kartı, küçük ekranda karar vermeyi zorlaştırır. Otomatik slayt ise hangi sonraki adımın geçerli olduğunu kaçırtır.
Uygulanabilir kural sadedir: telefonda ilk iki ekran, iş hedefindeki tek başarıyı taşımalıdır. Geri kalan bölümler aynı mantıkta kalabilir; fakat ilk iki ekrana süs, uydurma sayı veya dönen sahne girmemelidir. Tek sahne, tek eylem.
Sırayı sadeleştirme kontrol listesi
Tasarımı kilitlemeden önce iskeleti bu sorularla yürütün. Görsel stil, yanlış sırayı kurtarmaz.
- Her bölüm hangi soruyu yanıtlıyor? Yanıtsız bölüm çıksın.
- İlk ekrandaki eylem ile sayfa sonundaki eylem çelişiyor mu?
- Kanıt, gösterilemeyen bir iddiayı mı süslüyor?
- Hizmet girişi gerçekten ayrım yapıyor mu, yoksa aynı metnin tekrarı mı?
- Tekrarlayan eylem, yeni bir bilgiden sonra mı geliyor?
- Mobilde ilk iki ekran hedefi taşıyor mu?
KepezWeb ile web tasarım çalışmasında bu liste paletten önce konuşulur. Blok eklemek kolaydır; ziyaretçinin kaydırma hakkını korumak daha zordur. Şüphede kalan bölümü aşağı alın, işe yaramazsa çıkarın.
Sıkça Sorulan Sorular
Ana sayfada tüm hizmetler listelenmeli mi?
Hayır. Ana sayfa tam katalog değildir. Ziyaretçinin ayrım yapacağı kadar hizmet girişi yeter; ayrıntı ilgili hizmet sayfasına bırakılır. Her hizmeti eşit kart yapmak, birincil hedefi silikleştirir.
Logo şeridi her zaman ilk ekranın altında mı durmalı?
Zorunlu değil. Marka tanınmıyorsa ve elinizde gerçek isimler varsa kısa kanıt iddiadan hemen sonra durabilir. Tanınan bir vitrinde veya e-ticaret keşfinde logo şeridi önceliği ürün yoluna kaptırmalıdır.
Ana sayfada birden fazla sonraki adım olabilir mi?
Olabilir; eşit ağırlıkta olmamalıdır. Birincil eylem tek kalsın. İkincil yol — örneğin portfolyo veya hizmet detayı — metin bağlantısı olarak durabilir. Her bölümün altında aynı iri düğme, eylem değil gürültüdür.
Kurumsal site ile e-ticaret ana sayfası aynı sırayı mı izlemeli?
İzlememeli. Kurumsal sitede konuşma genelde uygunluk, kanıt ve kapsam üzerinden ilerler. E-ticarette konuşma kategori, ürün ve satın alma kaygısıdır. Aynı şablon sırası, iki hedefi de ortalama hale getirir.
Ana sayfa sırasını ne zaman yeniden ele almak gerekir?
İş hedefi, teklif veya birincil kitle değiştiğinde sırayı baştan tartın. Yalnızca görsel yenileme, yanlış dizilmiş bir konuşmayı düzeltmez. Yeni bir hizmet öne çıkıyorsa o girişin yeri de değişmelidir.
Ana sayfa sırasını iş hedefinize göre kurmak istiyorsanız KepezWeb ekibiyle iskeleti birlikte netleştirebiliriz. Mevcut akışı ve öncelikli eylemi konuşmak için teklif al sayfasından yazmanız yeterli.
