Web Tasarım

Web Tasarım Örnekleri ve Tasarım Tercihleri

Eğitim, danışmanlık, mimarlık ve otel web tasarım örneklerini karşılaştırın. Görsel dil, içerik sırası, mobil görünüm ve iletişim yollarını inceleyin.

Yazar: Ahmet Y.7 dk
Eğitim, danışmanlık, mimarlık ve otel sektörlerini temsil eden dört farklı web arayüzü
Kapak görseli yapay zekâyla hazırlanmış temsili arayüzlerden oluşur; incelenen sitelerin ekran görüntüsü değildir.

Bir web sitesi yaptırırken örneklere bakmak, nasıl bir tasarım istediğinizi anlamanın iyi bir yoludur. Ancak yalnızca renkleri, yazı tiplerini veya ana sayfadaki fotoğrafı karşılaştırmak yeterli değildir. Ziyaretçinin siteye neden geldiği ve hangi bilgiye ihtiyaç duyduğu da tasarım tercihlerini etkiler.

Bir eğitim sitesine gelen kişi kendisine uygun programı arar. Danışmanlık sitesinde uzmanı tanımak ister. Mimarlık sitesinde yapılan işleri inceler. Otel sitesinde ise oda seçeneklerini ve konaklama tarihlerini değerlendirir.

Bu yazıda dört farklı sektörden web tasarım örneklerini karşılaştırıyoruz. Proje isimlerini Alm***, Alp***, Yav*** ve Şük*** şeklinde kısaltarak kullanıyoruz. İncelememiz, 11 Ekim 2026 tarihinde sitelerin masaüstü ve mobil görünümünde gözlemlenen tasarım tercihleri ve ziyaretçiye sunulan yollar üzerine kurulu.

Web tasarımda sektör neden önemlidir?

Sektör, web sitesinde hangi bilginin önce gösterilmesi gerektiğini etkiler. Aynı sayfa düzeni her işletmenin ihtiyacına aynı ölçüde cevap vermeyebilir.

Örneğin bir otelde tarih ve kişi sayısı seçimi ziyaretçinin temel ihtiyaçlarından biridir. Mimarlık hizmetinde ise projenin kapsamını konuşmadan önce uygulama örneklerini görmek daha anlamlı olabilir.

İncelediğimiz dört örnekte bu fark şöyle ortaya çıkıyor:

ÖrnekZiyaretçinin ihtiyacıÖne çıkan tasarım tercihi
Alm*** — EğitimUygun seviyeyi ve programı bulmakKurs kartları, seviye ayrımı ve seviye testi
Alp*** — DanışmanlıkUzmanı ve hizmeti tanımakUzman bilgileri, sakin görsel dil ve randevu talebi
Yav*** — MimarlıkYapılan işleri değerlendirmekProje görselleri, hizmet açıklamaları ve keşif bağlantısı
Şük*** — OtelUygun oda ve konaklama seçeneğini bulmakOda bilgileri, tarih ve misafir seçimi

Eğitim sitesi: seçenekleri anlaşılır hâle getirmek

Alm*** örneğinde kurslar ve seviyeler tasarımın merkezinde yer alıyor. Mavi ağırlıklı görsel dil, sarı vurgular ve kurs kartları, eğitim seçeneklerini ayrı bölümler hâlinde sunuyor.

Buradaki önemli tercih, ziyaretçiye yalnızca eğitim hakkında genel bilgi vermekle yetinmemek. Seviye testi, kurs detayları ve bilgi alma bağlantıları farklı ihtiyaçlara karşılık geliyor. Seviyesini bilmeyen kişi testle başlayabilirken, aradığı programı bilen kişi doğrudan kursu inceleyebiliyor.

Eğitim ve öğrenci videoları da sayfaya farklı bir bilgi katmanı ekliyor. Yazılı açıklamalar programın içeriğini anlatırken videolar eğitim ortamı hakkında fikir veriyor.

Bu örnekten çıkarılabilecek ders, çok sayıda seçenek sunan işletmeler için geçerli: Ziyaretçinin seçenekleri ayırt etmesine yardımcı olan bir düzen kurmak gerekir. Kurs, paket veya hizmet isimlerini sıralamak yerine aralarındaki farkları görünür hâle getirmek, web tasarımın önemli bir parçasıdır.

Danışmanlık sitesi: uzmanı tanımaya alan açmak

Alp*** örneğinde daha sakin bir görsel dil kullanılıyor. Açık ve sıcak tonlar, geniş yazı alanları, belirgin başlıklar ve ofis görselleri öne çıkıyor.

Eğitim örneğindeki yoğun seçenek yapısından farklı olarak burada uzman bilgileri ve hizmet açıklamaları daha fazla önem taşıyor. Ziyaretçi, iletişime geçmeden önce kiminle görüşeceğini ve hangi konuda destek alabileceğini inceleyebiliyor.

Randevu talebi bağlantısı bu bilgi akışının devamında yer alıyor. Burada kullanılan ifade de önemli: Randevu talebi göndermek, randevunun kesinleştiği anlamına gelmiyor. Web sitesinin metinleri ve form açıklamaları bu ayrımı açıkça göstermeli.

Danışmanlık hizmetleri için bu örneğin verdiği fikir, uzmanı tanıtan içeriğe yeterli alan ayırmak. Eğitim geçmişi, hizmet kapsamı, çalışma ortamı ve iletişim süreci, ziyaretçinin değerlendirmesinde birbirini tamamlayan bilgiler olabilir.

Mimarlık sitesi: yapılan işi görsellerle anlatmak

Yav*** örneğinde büyük mimari görseller ilk ekranda güçlü bir yer tutuyor. Turuncu vurgulu “Projelerimizi keşfedin” bağlantısı ile “Ücretsiz keşif” seçeneği, ziyaretçiye iki farklı başlangıç sunuyor.

İşleri görmek isteyen kişi projelere yönelirken, ihtiyacını konuşmaya hazır olan kişi iletişim bölümüne geçebiliyor. Proje görsellerinin yanında hizmet açıklamaları ve çalışma bölgeleri de bulunuyor.

Mimarlık sitesinde fotoğrafın görevi yalnızca sayfayı süslemek değildir. Görseller; mekânın, uygulamanın ve detayların incelenmesine imkân verir. Proje sayfasındaki açıklamalar ise fotoğrafın tek başına anlatamadığı kapsamı tamamlayabilir.

Bu nedenle mimarlık, iç mekân ve uygulama hizmetlerinde görsel sunum ile açıklayıcı içeriği birlikte düşünmek anlamlı bir tasarım tercihidir. Ziyaretçi hem yapılan işi görmeli hem de kendisine sunulan hizmeti anlayabilmelidir.

Otel sitesi: mekânı göstermek ve seçimi desteklemek

Şük*** örneğinde bina ve oda fotoğrafları, krem tonları ve büyük başlıklarla birlikte kullanılıyor. İlk ekran mekânın atmosferini gösterirken oda ve rezervasyon bölümleri daha somut ihtiyaçlara cevap veriyor.

Tarih, oda tipi ve misafir sayısı seçimi; ziyaretçinin konaklama seçeneklerini değerlendirmesi için sunuluyor. Oda kartlarında ise kapasite ve alan gibi bilgiler yer alıyor.

Mimarlık sitesiyle otel sitesi arasındaki fark burada belirginleşiyor. Her ikisinde de mekân fotoğrafları önemli, ancak ziyaretçinin fotoğrafa bakma amacı farklı. Mimarlık örneğinde yapılan işi değerlendiriyor; otel örneğinde kalacağı yeri seçmeye çalışıyor.

Otel web tasarımında görsellerin yanında oda özellikleri, konum ve rezervasyon adımlarının anlaşılır olması da önem taşıyor. Fotoğrafla oluşan ilginin ardından ziyaretçi ihtiyaç duyduğu bilgilere ulaşabilmelidir.

Dört sektörde ziyaretçinin izlediği yol

Buton metinleri, ziyaretçiden beklenen sonraki adımı açıklamalı. “Seviye testi”, “randevu talebi”, “ücretsiz keşif” ve rezervasyon seçimi, dört farklı ihtiyaca karşılık geliyor.

Alm*** için seviye testi ve kurs inceleme; Alp*** için uzmanı tanıma ve randevu talebi; Yav*** için proje inceleme ve keşif iletişimi; Şük*** için oda seçimi ve rezervasyon adımı
Şema, incelenen sitelerde sunulan yolları özetler. Trafik veya dönüşüm ölçümü değildir.

Mobil görünümde hangi tercihler öne çıkıyor?

Bu dört örneğin mobil görünümünde içerikler daha dar bir alana uyarlanıyor. Eğitim sitesinde kurs kartları alt alta ilerliyor. Danışmanlık sitesinde uzmanı tanıtan metinler öne çıkıyor. Mimarlık sitesinde proje ve keşif bağlantıları ilk ekranda yer alıyor. Otel sitesinde ise rezervasyon alanı sayfanın devamında sunuluyor.

Telefon ve WhatsApp bağlantıları da örneklerde görülen ortak iletişim seçenekleri arasında.

Mobil web tasarımını değerlendirirken yalnızca sayfanın ekrana sığmasına bakmak yeterli değildir. Ziyaretçinin temel bilgiye, ilgili hizmete ve iletişim adımına nasıl ulaştığını da incelemek gerekir.

İşletmenize uygun web tasarımı nasıl seçebilirsiniz?

Web tasarım örneklerini incelerken kendi işletmeniz için şu sorularla başlayabilirsiniz:

  • Ziyaretçi siteye geldiğinde ilk olarak neyi öğrenmek istiyor?
  • Hizmetinizi anlamak için hangi bilgilere ihtiyaç duyuyor?
  • Fotoğraflar neyi göstermeli?
  • İletişime geçmeden önce neyi karşılaştırmalı?
  • Bir sonraki adım bilgi almak, talep göndermek, keşif görüşmesi yapmak veya rezervasyon seçmek mi?

Bu sorular; sayfa düzenini, içerik sırasını, görsel kullanımını ve buton metinlerini birlikte düşünmenizi sağlar.

Koçyiğit Yazılım ile web tasarım ihtiyaçlarınızı değerlendirirken işletmenizin hizmetlerini ve ziyaretçilerinizin beklentilerini başlangıç noktası olarak ele alabiliriz. Farklı hizmet kapsamlarını incelemek için sektörel web sitesi sayfalarımıza bakabilir, kendi projenizi konuşmak için teklif talebi oluşturabilirsiniz.

Bu incelemede kayıt, randevu veya rezervasyon işlemleri tamamlanmadı. Tasarım tercihlerine ilişkin değerlendirmeler gözlemlenen sayfalara dayanır; ölçülmüş trafik, satış veya dönüşüm artışı iddiası içermez.