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.
Web Tasarım
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.

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.
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:
| Örnek | Ziyaretçinin ihtiyacı | Öne çıkan tasarım tercihi |
|---|---|---|
| Alm*** — Eğitim | Uygun seviyeyi ve programı bulmak | Kurs kartları, seviye ayrımı ve seviye testi |
| Alp*** — Danışmanlık | Uzmanı ve hizmeti tanımak | Uzman bilgileri, sakin görsel dil ve randevu talebi |
| Yav*** — Mimarlık | Yapılan işleri değerlendirmek | Proje görselleri, hizmet açıklamaları ve keşif bağlantısı |
| Şük*** — Otel | Uygun oda ve konaklama seçeneğini bulmak | Oda bilgileri, tarih ve misafir seçimi |
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.
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.
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.
Şü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.
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.
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.
Web tasarım örneklerini incelerken kendi işletmeniz için şu sorularla başlayabilirsiniz:
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.