Awwwards Nedir? Ödüllü Web Siteleri Neden Ödül Alıyor?

Awwwards nedir sorusunun kısa cevabı, web tasarımı ve geliştirme işlerini jüri oylamasıyla puanlayan ve ödüllendiren uluslararası bir platform olması. Kendi sitemi hazırlarken ödüllü web sitelerini, neyi farklı yaptıklarını ve bu tercihlerin ziyaretçiye nasıl yansıdığını anlamak için inceledim. Burada ödüllerin ne anlattığını, portfolyolardan aldığım fikirleri ve işletmeniz için hangi soruları sormanız gerektiğini paylaşacağım.

Awwwards neye bakıyor?

Puanlamanın ana başlıkları tasarım, kullanılabilirlik, yaratıcılık ve içerik. Yalnızca güzel bir açılış ekranına bakılmıyor; sayfalar arasında dolaşma biçimi, işlerin sunumu ve sitenin fikri de değerlendiriliyor. Bu başlıkları birlikte okuyunca ödülün hangi deneyime verildiğini anlamak kolaylaşıyor.

Site of the Day günün sitesi, Site of the Month ayın sitesi anlamına geliyor. Developer Award geliştirici ödülü; Honorable Mention ve Portfolio Honors da platformdaki diğer ödül türleri arasında. Bir sitenin adının yanında gördüğünüz bu ifadeler aynı değerlendirmeyi anlatmadığından, örnek seçerken ödülün adına da bakıyorum.

Geliştirici değerlendirmesinde semantik/SEO, erişilebilirlik, performans ve mobil uyum gibi ayrı puanlar bulunuyor. Semantik yapı (içeriğin anlamlı etiketlerle düzenlenmesi), sayfanın yalnızca görünüşünü değil nasıl kurulduğunu da ilgilendiriyor. Erişilebilirlik ise farklı ihtiyaçları olan ziyaretçilerin içeriğe ulaşabilmesini kapsıyor.

Ödül sayfasını incelerken önce genel fikri, ardından bu ayrı puanları okuyorum. Görsel sunumu beğenmekle telefonda rahatça kullanılacağını düşünmek farklı değerlendirmeler. Sizin sitenizde hangi tarafın öncelikli olduğunu bilmeden aynı tasarım kararını taşımak istemem.

İncelediğim ödüllü portfolyolar

Aşağıdaki örneklerde ödül ve tarih bilgileri araştırma dosyasında doğrulanmış kayıtlardan geliyor. Zayıf yan sütununda geliştirici puanı varsa onu kullandım; puan bulunmayan yerde kendi değerlendirme sınırımı belirttim. Bu inceleme gerçek tarayıcıda yapılmış bir görsel kullanım testi değil, kaynak dosyasındaki ödül kayıtlarına ve içerik incelemesine dayanıyor.

Site	Ödül/tarih	Öne çıkan özellik	Zayıf yanı
Bruno Simon	Site of the Day 21.01.2026; Site of the Month Ocak 2026; Developer Award	Arabayla gezilen 3D dünya, kişinin işini deneyime dönüştürüyor.	SEO/semantik 7.0; erişilebilirlik 6.6.
Elliott Mangham	Site of the Day 02.12.2025; Developer Award	Gerçek portre, canlı saat ve müsaitlik bilgisi birlikte sunuluyor.	Mobil uyum 7.0.
Olha Lazarieva	Site of the Day 02.10.2025; Developer Award	Hizmetler ve teşekkür sayfaları da tasarımın parçası.	Mobil uyum 7.2.
Evan Fasquelle	Site of the Day 12.01.2024; Developer Award	Sonsuz kayan galeri ve gezinmeyle birleşen animasyon.	Erişilebilirlik 5.6.
Grégory Lallé	Site of the Day 30.10.2024; Developer Award; Portfolio Honors	İsim ve unvandan sonra numaralı proje listesi geliyor.	Mobil değerlendirme kaynak dosyasında doğrulanmamış.
Pacôme Pertant	Site of the Day 09.06.2026; Developer Award; Portfolio Honors	Sesli veya sessiz giriş seçimi ve galeriyle liste arasında geçiş.	Mobil değerlendirme kaynak dosyasında doğrulanmamış.

Tablodaki çeşitlilik benim için değerli: biri oyun kuruyor, diğeri kişi hakkında doğrudan bilgi veriyor, bir başkası proje listesini öne çıkarıyor. Ödüllü görünmenin tek bir tarifi yok. Bu yüzden örnekleri aynı animasyonu istemek için değil, farklı sunum kararlarını karşılaştırmak için kullanıyorum.

Ödül deneyimi ölçer, iş getirmeyi değil

Bruno Simon’un dünyası yaratıcı geliştirici kimliğini anlatıyor. Aynı kayıtta SEO/semantik ve erişilebilirlik puanlarının daha zayıf kalması, görsel fikrin bütün ihtiyaçları aynı anda çözmediğini gösteriyor. Evan Fasquelle örneğindeki erişilebilirlik puanı da ödülle birlikte okunması gereken bir bilgi.

İşletme sitesi hazırlarken önce başka sorulara cevap arıyorum: sizi arayan kişi hizmetinizi bulabiliyor mu, sayfa telefonda hızlı açılıyor mu, iletişim yolu açık mı? Ziyaretçi işinizi anlamak için bir etkileşimi çözmek zorundaysa tasarım kararını yeniden değerlendiririm. Hareketin görevi, anlatmak istediğiniz şeyi desteklemek.

Ödül kaydı, başvuru ya da satış sonucu hakkında bilgi vermiyor. İş getirmeyi değerlendirmek için sitenin kendi sonuçlarına bakmak gerekiyor. İşlerin nasıl anlatılacağını düşünürken portfolyo hazırlama yazısındaki seçilmiş iş ve bağlam yaklaşımını bu yüzden önemsiyorum.

Kendi siteme ne aldım?

Örneklerden tek ve kısa sloganı, numaralı iş listesini, canlı saatle müsaitlik bilgisini ve gerçek portreyi aldım. Bunların ortak tarafı, ziyaretçinin kim olduğumu ve ne yaptığımı kolayca anlamasına yardım etmeleri. Her fikir için önce sayfadaki görevini belirledim.

Kısa slogan ilk karşılaşmayı taşıyor; tam adım ve unvanım ayrı yerde duruyor. Numaralı iş listesi ise projelerin birbirine karışmasını önlüyor, ziyaretçiye inceleyeceği işleri açıkça gösteriyor. Bu kararları kişisel web sitemi hazırlama yazısında daha ayrıntılı anlattım.

Elliott Mangham örneğindeki kişi bilgisini görünür tutma yaklaşımı bana yakındı. Canlı saat ve müsaitlik bilgisi, karşı tarafta ulaşılabilir bir kişi olduğunu anlatıyor. Gerçek portre de aynı amaca hizmet ediyor; fotoğrafta yüzü değiştirmek yerine kişiyi olduğu gibi göstermeyi tercih ediyorum.

Neyi bilerek almadım?

Ağır açılış animasyonu, metni 3D içine gömmek ve sesli giriş benim seçtiğim akışta yok. Ziyaretçi hizmet metnini okumak ya da iletişime geçmek için açılışın tamamlanmasını beklememeli. Sesle çalışan bir kimlik sunumu başka bir portfolyoda anlamlı olabilir; kendi sitemde böyle bir ihtiyaç görmedim.

Metinleri gerçek HTML olarak tuttum; 3D sahne dekor olarak kalıyor. Böylece işin anlatımı, sahnede bir nesneye ulaşmaya bağlı olmuyor. Hareketin ne zaman işe yaradığını ve telefondaki yükünü nasıl ele aldığımı 3D ve animasyonlu web sitesi yazısında paylaştım.

“Awwwards tarzı site istiyorum” dediğinizde ne soruyorum?

1. Hangi özelliği beğendiniz? Büyük yazıyı, işlerin sunuluşunu, renkleri ya da hareketi ayrı ayrı söyleyin; örneğin bütününü kopyalamak yerine ihtiyacı konuşalım.
2. Ziyaretçi sitede ne yapmalı? Proje incelemek, hizmeti anlamak ve iletişime geçmek arasındaki önceliği belirleyin; ilk ekranda neyi göreceğini buna göre seçelim.
3. Telefon deneyiminde ne vazgeçilmez? Menü, okunabilir metin ve iletişim bağlantısı hareketli sunumun içinde de kolay bulunmalı; örneği telefonda nasıl kullanacağınızı düşünün.
4. Hangi gerçek içerikleriniz hazır? Proje görselleri, açıklamalar ve kişi bilgisi olmadan yalnızca örneğin görünüşünü konuşmuş oluruz; tasarımın taşıyacağı malzemeyi birlikte görelim.
5. Hareket kapandığında ne kalacak? İşin adı, açıklaması ve iletişim yolu hâlâ anlaşılır olmalı; ziyaretçinin mesajı alması animasyonu takip etmesine bağlı kalmamalı.
6. Sonucu nasıl değerlendireceğiz? Beğendiğiniz görünümün yanında bulunabilirliği, telefon kullanımını ve iletişimin kolaylığını da konuşun; teslimde neye bakacağımız baştan belli olsun.

Bu cevaplar geldiğinde örneğin hangi yönünü projeye taşıyabileceğim netleşiyor. Bazen istediğiniz etki güçlü bir başlık ve iyi seçilmiş işlerle kurulabiliyor; bazen etkileşim anlatının parçası oluyor. Kararı, işinizi gösterecek içeriğe ve ziyaretçinin yapacağı işe göre veriyorum.

Kendi portfolyonuzu hazır bir site oluşturucuyla kurmayı düşünüyorsanız, Framer’ı WordPress ve Webflow ile Framer nedir yazısında karşılaştırdım.

Sık sorulanlar

Awwwards ödülü olan site SEO açısından da iyi midir?

Ödülle birlikte ayrı puanlara bakmak gerekir. Bruno Simon örneğinde SEO/semantik 7.0; aynı sitenin yaratıcı deneyimi güçlü olsa da bu başlık kendi içinde değerlendirilmeli. Kendi sitenizde aranan hizmetin bulunmasını ayrıca kontrol edin.

Site of the Day ne demek?

Günün sitesi ödülüdür. Site of the Month ayın sitesini, Developer Award ise geliştirici değerlendirmesini ifade eder. Bir örneği incelerken hangi ödülü aldığını ve ilgili puanları birlikte okumayı öneriyorum.

İşletme sitesi mutlaka animasyonlu mu olmalı?

Animasyonun işinizi anlatmaya katkısı varsa kullanmayı düşünürüm. Ziyaretçinin önceliği hizmeti öğrenmek ve size ulaşmaksa bu yolları öne alırım. Tasarım tercihini, örneğin aldığı ödülden önce sizin kullanım amacınız belirler.

Beğendiğiniz örneklerden işletmenize hangi fikirlerin uyacağını konuşmak isterseniz iletişim sayfamdan bana ulaşabilirsiniz.