Kadıköy Belediyesi

Editör Notu

Kültür-sanat etkinlikleri ve sosyal sorumluluk projeleriyle bütünleşen arayüzü, ilçenin ruhunu yansıtan modern bir tasarım diline sahiptir. Dijital hizmetlerin kullanımı oldukça rafine ve pratiktir.

Topluluk Oyuİlçe Belediyesi

0

0 olumlu

↑Beğen↓Beğenme

Öne Çıkanlar

• İlçe ruhuna uygun modern tasarım
• Kültür-sanat etkinlik entegrasyonu
• Rafine kullanıcı deneyimi

https://kadikoy.bel.tr

74.0Toplam Puan

Bilimsel Denetim · 1st motoru74

Ziyaret Et ↗

Toplam puan 1st bilimsel denetim motorundan gelir.

Estetik Zeka Motoru v2.0

Tasarım Denetimi

Hasler-Süsstrunk renk teorisi, Gestalt ilkeleri ve Fitts Yasası ile hesaplamalı analiz.

↺ Yenile

9 Haziran 2026

Estetik

24

Etkileşim

42

Kararlılık

96

İçerik

55

Mühendislik

74

Akıcılık

99

Marka

31

Motion

74

8 BOYUT · 100 ÜZERİNDEN

SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi

Zenginlik· içerik · medya · yapı · etkileşim

50%

84

Mühendislik· stack modernliği · mimari · hijyen · perf

34%

74

Craft· denge · palet uyumu · görsel karmaşıklık

16%

75

Gemini gibi kara kutu yapay zeka modelleri yerine akademik formüller ve deterministik hesaplama kullanılır.

🎨

Chromatic Aesthetics & Vitality

Hasler-Süsstrunk metriğiyle renk canlılığı ve perceptual varyans analizi. DOI ↗

DEUTERANOPIA

RENK CANLILIK SKORU

25.0M · İdeal: 20–50

Dengeli (İdeal)

BASKIN RENKLER

RENK ÇAKIŞMASI

⚡ 77 çakışma

Deuteranopia altında ayırt edilmesi güç çiftler

WCAG KONTRAST

18 sorun

Viénot et al. (1999) DOI ↗

◉

Dominant Color Identity

Munsell renk sistemi · Itten (1961) uyum teorisi · Birren (1969) renk psikolojisi ile hesaplamalı analiz. Kaynak ↗

UYUM TİPİ

Analog Uyum

Itten (1961) — Bitişik Ton Uyumu

SICAKLIK

Soğuk

Arka Plan

Beyaz

#E8E8E8

38%

Arka Plan

Beyaz

#D8D8D8

24%

İkincil

Pastel Camgöbeği

#E8F8F8

16%

Vurgu

Pastel Camgöbeği

#D8E8E8

11%

Nötr

Açık Gri

#C8C8C8

7%

Birincil

Mavi

#0888C8

4%

MOON & SPENCER ORAN SKORU

A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944

51

Kabul Edilebilir

RENK PSİKOLOJİSİ

Mavi güvenilirlik, otorite ve sakinliği kodlar. B2B ve kurumsal kimlikte dünya genelinde en yaygın tercih edilen tonlamadır; bilinçsiz güven oluşturma gücü yüksektir. (Birren, 1969)

⊞

Spatial Composition & Grid

Görsel ağırlık merkezi, eleman yoğunluğu ve ızgara tutarlılığı analizi.

GÖRSEL DENGE

90%

Sol/sağ görsel ağırlık simetrisi.

Dengeli

KALABALIK ENDEKSİ

77

Birim alanda perceptual eleman yoğunluğu.

Yüksek Yoğunluk

IZGARA UYUMU

90%

4px ızgara sistemine hizalama oranı.

Sistematik

KÖŞE YARICAPI TUTARLILIĞI

Varyasyon katsayısı (CV). Düşük CV = tutarlı tasarım dili. CV: 0%

Tutarlılık Skoru

100 / 100

∑ SHANNON ENTROPİSİ

0.685

H = −Σ p(x)·log₂(p(x)) / log₂(256)

Minimal & Sade

KENAR YOĞUNLUĞU

14%

G = √(Gx²+Gy²) — Sobel gradyan

Çok Minimal

Shannon (1948) · Rosenholtz et al., CHI 2005

T

Typographic Science

Altın oran ve harmonik ölçek analizi.

Detected Scale

1.177

Mathematical relationship between font sizes on your site.

References: 1.618 (Golden), 1.200 (Minor Third), 1.250 (Major Third).

≈ Minor Third

AVG LINE HEIGHT

1.50

FONT TYPE

Sans

GUNNING FOG INDEX

32.9

İdeal: 8–12 · Çok zor

ARI SKORU

23.8

Automated Readability Index · İdeal: 6–10

φ ALTIN ORAN TİPOGRAFİ UYUMU

φ = 1.618 · ölçek mesafesi + satır yüksekliği analizi

Pearsonified GRT · Golden Ratio Typography

74

Yakın

≡

Interaction Physics & Gestalt

Fitts Yasası (1954) etkileşim hedefi analizi · Wertheimer (1923) Gestalt tutarlılığı. DOI ↗

92/100

Fitts Compatibility

Size appropriateness of interaction elements. Target Size: 414px (Avg).

48/100

Gestalt Consistency

Visual consistency of buttons and calls to action.

Etkileşim Elementleri

206

NAVİGASYON ÖĞESİ (HICK YASASI)

İdeal: 5–9 · Miller (1956) 7±2

90

⚖

Content Intelligence & Sustainability

Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.

READABILITY IQ

25.4

Flesch Reading Ease

206.835 − 1.015(W/S) − 84.6(Sy/W)

Çok Zor

Sınıf Seviyesi: 20.0 (ideal: 7–8)

GREEN UX

0.40 MB

Karbon: 0.20g/ziyaret

Sayfa ağırlığı: 0.40 MB

RESOURCES

126

HTTP Resources

Kelimeler

735

Metin/Görsel

%20

GÖRSEL & FONT OPTİMİZASYONU

Lazy 44%WebP/AVIF 0%srcset 44%w/h 44%font-display ✕async/defer 94%

3. Taraf Domain

19 domain

Preload İpuçları

8

⌬

Semantic DNA

Başlık hiyerarşisi ve yapısal sıra analizi.

H3Haberiniz Olsun

H4Başkan

H4E-Belediye

H4Dijital Kadıköy

H4Kadıköy Güncel

H2Haberler

H510. Kadıköy Çevre Festivali Özgürlük Park’nda Gerçekleşti

H5Kadıköy Kitap Günleri 10. Kez Kitapseverlerle Buluşuyor

+52 daha...

lang="tr"hreflang —

⚡

Technology and Design Infrastructure

Tasarım altyapısındaki kütüphane ve framework analizi.

SSRCloudflare PagesCloudflare CDN

DETECTED FRAMEWORKS

Framework

Next.js

CSS

Tailwind CSS

Analitik

Google Analytics 4 G-H7B451XBH6

Diğer

Swiper

TECH MODERNITY SCORE78

Infrastructure Analysis

Modern React framework (Next.js). SSR veya SSG ile sunuluyor.

PWA & UYUMLULUK

PWA Manifest —Service Worker —Brotli ✓GDPR/KVKK ✓

🧪

Üretim Kalitesi

Gerçek Chromium oturumunda ölçülen runtime sinyalleri — konsol hataları, 3rd party yük, DOM karmaşıklığı, dokunma hedefi uyumu.

KONSOL HATALARI

0

Üretim seviyesi temiz · 1 uyarı

3RD PARTY ALAN

8

99 toplam istek

DOM KARMAŞIKLIĞI

1.471

Düğüm · 17 derinlik

WCAG DOKUNMA HEDEFİ

%50

≥44×44px hedef (WCAG 2.5.5)

AKTİF ANİMASYON

0

Web Animations API + CSS

FORM ALANI

12

%8 autocomplete'li

YÜKLENen 3RD PARTY ALANLAR

api.accessiblee.comcdn.accessiblee.comcdn.jsdelivr.netcdn.tailwindcss.comgoogle-analytics.comgoogletagmanager.complatform.twitter.comsyndication.twitter.com

♿

Erişilebilirlik Derinliği

WCAG 2.1 + modern web standartları: heading hiyerarşi, ARIA landmark, focus visible, prefers-reduced-motion, dark mode desteği.

HEADING HİYERARŞİ

9

9 atlanan seviye (H1→H3 vb.)

ARIA LANDMARK

5

main/nav/header/footer/aside · screen reader nav

SKIP LINK

—

Ana içeriğe atla yok

FOCUS-VISIBLE

✓

Modern focus stilleri

REDUCED MOTION

—

Animasyon kısıtlama yok

DARK MODE

✓

prefers-color-scheme: dark

📱

Mobil Deneyim

Pixel 5 (412×823) emülasyonunda ölçülen mobil-spesifik sinyaller: yatay scroll, dokunma hedefi, font okunabilirliği, hamburger menü, fixed element kaplama.

YATAY SCROLL

✓

Temiz layout

MOBİL DOKUNMA HEDEFİ

%53

≥44px hedef (mobil viewport)

EN KÜÇÜK TEXT

12px

Mobil ideal: ≥16px

HAMBURGER MENÜ

✓

Mobile nav pattern var

FIXED KAPLAMA

%24

Sticky/fixed viewport kaplama

🛡️

Trust & SEO Sinyalleri

Schema.org markup zenginliği, Open Graph tamlığı, kurumsal güven sayfaları (about/contact/privacy) ve sosyal medya varlığı.

SCHEMA.ORG TİP

0

JSON-LD + microdata

OG TAMLIK

%0

Open Graph + Twitter Card

SOSYAL LİNK

10

IG / X / LinkedIn / FB / YouTube

KURUMSAL SAYFALAR

Hakkımızda —İletişim —Gizlilik / KVKK —Kullanım Şartları —

🔐

Güvenlik & TLS Analizi

Mozilla Observatory HTTP güvenlik başlıkları · Qualys SSL Labs TLS kalitesi.

HTTP GÜVENLIK NOTU

F10/100

CSP, HSTS, X-Frame-Options, Referrer Policy ve diğer HTTP güvenlik başlıklarını değerlendirir.

👥

Gerçek Kullanıcı Deneyimi

Chrome UX Report — son 28 gün, p75 değerleri. Bot koruması olan siteler dahil tüm trafikten ölçülür.

YavaşGenel Deneyim

4.65s

LCP

Kötü

182ms

INP

İyi

0.210

CLS

Orta

3.19s

FCP

Kötü

2.72s

TTFB

Yavaş

📈

CrUX 25 Haftalık Performans Tarihçesi

Chrome UX Report History API — gerçek kullanıcı haftalık p75 trendi. Performansınızın zaman içindeki değişimi.

LCPİyi

2.41s

2.60s▼7%

INPİyi

104ms

121ms▼14%

TTFBOrta

1.70s

1.88s▼10%

FCPOrta

2.04s

2.26s▼10%

CLSİyi

—

—▼50%

25 haftalık veri · 2025-11-16 → 2026-05-03

📊

Core Web Vitals

Google Lighthouse sentetik lab testi · LCP, FCP, CLS eşikleri. WCAG 2.1 ↗

CORE WEB VITALS

LCP

10.58sKötü

FCP

1.99sOrta

CLS

0.273Kötü

LAB METRİKLERİ

TBT

1016ms

TTI

11.42s

SI

7.24s

Kullanılmayan JS: 288KB

GERÇEK KULLANICI DENEYİMİ

Performans

33Düşük

Erişilebilirlik

93Mükem.

SEO

100Mükem.

En İyi Pratikler

96Mükem.

🫆

Brand Intelligence & Motion Physics

Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.

1ST AI · MARKA ARKETİPİ

Kral

The Ruler

Otorite, kontrol ve liderlik

#Otoriter#Prestijli#Kurumsal#Liderlik

RENK PSİKOLOJİSİ

"Soğuk minimal palet berraklık ve hassasiyet mesajı veriyor; premium B2B algısı güçlü."

Marka Tutarlılığı

31

/100

Tutarsız

Motion Physics

AVG DURATION

1650ms

Yavaş animasyonlar

SMOOTHNESS

90

Pürüzsüz akış

ANIMATIONS

9

Dengeli kullanım

Easing Naturalness

Animasyon geçiş eğrisi doğallığı

Doğal (Bezier)

Dönüşüm Sinyalleri

NET CTA

Belirgin çağrı-eyleme alanı

✕ Yok

SOSYAL KANIT

Yorum, rating, rozet, referans

— Yok

ABOVE-FOLD KALİTESİ

İlk ekran içerik & hiyerarşi skoru

49

Denetim Bulguları

Etki × Efor matrisine göre sıralı — quick win'ler en üstte

⚠YapıH1 başlığı bulunamadı — SEO ve ekran okuyucular için kritik.etki yüksekkolay

→ Sayfanın ana başlığını `<h1>` etiketi ile sar.

✓ErişilebilirlikWCAG 2.1 standartları başarıyla karşılanıyor.etki yüksek

⚠OkunabilirlikAteşman: 25.4 — metin çok zor, kullanıcı kaybına yol açabilir (Türkçe web ideali: 50-80).etki yüksekorta

→ Cümleleri kısalt (max 15 kelime), uzun kelimeleri sadeleştir.

✕MühendislikKritik Performans: Lighthouse 30/100 — acil teknik iyileştirme gerekiyor.etki yüksekzorlu

→ Görsel optimizasyonu (WebP/AVIF), kod bölme, kullanılmayan JS/CSS temizliği.

↳EstetikEstetik kalite geliştirilebilir — görsel hiyerarşi ve renk sistemini güçlendirin.etki yüksekzorlu

→ Renk paleti sayısını sınırla (3-5), tipografide φ=1.618 oran kullan.

✓SürdürülebilirlikYeşil Tasarım: 0.2g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük

✓MotionMotion tasarımı aktif: 9 animasyon kuralı ile canlandırılmış.etki düşük

↳MarkaMarka tutarlılığı geliştirilebilir — renk sistemi ve tipografi hiyerarşisi yeniden tasarlanabilir.etki ortazorlu

→ Design tokens (CSS custom properties) ile merkezi tema sistemi kur.

⚠GüvenlikZayıf güvenlik başlıkları (Observatory: F)etki düşük

⚠MobilBazı dokunma hedefleri küçük (uyum %53)etki düşük

Metodoloji Referansları

[1]Hasler, D. & Suesstrunk, S.E. (2003). Measuring colorfulness in natural images.DOI ↗

[2]Fitts, P.M. (1954). The information capacity of the human motor system.DOI ↗

[3]Itten, J. (1961). The Art of Color. Reinhold Publishing Corporation.WorldCat ↗

[4]Birren, F. (1969). Principles of Color. Van Nostrand Reinhold.WorldCat ↗

[5]Viénot, F., Brettel, H. & Mollon, J.D. (1999). Digital video colourmaps for dichromats.DOI ↗

[6]W3C (2018). Web Content Accessibility Guidelines (WCAG) 2.1.W3C ↗

[7]Flesch, R. (1948). A new readability yardstick. Journal of Applied Psychology, 32(3), 221–233.DOI ↗

[8]Kincaid, J.P. et al. (1975). Derivation of New Readability Formulas for Navy Enlisted Personnel. Naval Technical Training Command.DTIC ↗

[9]Moon, P. & Spencer, D.E. (1944). Aesthetic measure applied to color harmony. JOSA, 34(4), 234–242.DOI ↗

[10]Shannon, C.E. (1948). A mathematical theory of communication. Bell System Technical Journal, 27(3), 379–423.DOI ↗

[11]Rosenholtz, R. et al. (2005). Feature congestion: A measure of display clutter. CHI '05, 761–770.DOI ↗

Rakipleri Karşılaştır

Benzer Skorlu Siteler

Aynı kategoride en yakın skorlu rakipler. Detaylı karşılaştırma için tıkla.

İlçe Belediyesi

Ümraniye Belediyesi

73/100

ÜST DÜZEY

Kadıköy Belediyesi'a göre -1 puan altta

Karşılaştır →

İlçe Belediyesi

Eyüpsultan Belediyesi

71/100

ÜST DÜZEY

Kadıköy Belediyesi'a göre -3 puan altta

Karşılaştır →

Ölçüm ortamı hakkında: Teknik performans için öncelik CrUX (Chrome User Experience Report — gerçek kullanıcıların canlı saha verisi); CrUX verisi yoksa Lighthouse(kontrollü lab/test ortamı) kullanılır. Bu iki ortam farklı koşullarda ölçtüğü için bazı metrikler birbirinden ayrışabilir — örneğin sunucu yanıtı (TTFB) lab'da hızlı görünürken, gerçek kullanıcıların içerik boyaması (LCP) ağ ve cihaz koşulları nedeniyle daha yavaş çıkabilir. Her iki değer de doğrudur; yalnızca farklı pencerelerden bakar.