Elit Çikolata

Editör Notu

Köklü geçmişini kalite yönetim sistemleriyle harmanlayan sitenin arayüzü oldukça kurumsal ve güven vericidir. Kullanıcıya net bir katalog sunumu yaparken, e-ticaret süreçlerinde de sadelik ve hızı ön planda tutar.

Topluluk OyuÇikolata & Şekerleme

0

0 olumlu

↑Beğen↓Beğenme

Öne Çıkanlar

• Kurumsal ve güven veren tasarım
• Geniş spesiyal ürün katalogları
• Yüksek ürün kalite standartları

https://elitcikolata.com.tr

70.0Toplam Puan

Bilimsel Denetim · 1st motoru70

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

11 Haziran 2026

Estetik

47

Etkileşim

42

Kararlılık

79

İçerik

48

Mühendislik

75

Akıcılık

98

Marka

35

Motion

74

8 BOYUT · 100 ÜZERİNDEN

SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi

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

50%

79

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

34%

75

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

16%

81

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

27.0M · İdeal: 20–50

Dengeli (İdeal)

BASKIN RENKLER

RENK ÇAKIŞMASI

⚡ 81 çakışma

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

WCAG KONTRAST

5 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İ

Dörtlü Uyum

Itten (1961) — Kare Ton Sistemi

SICAKLIK

Karma

İkincil

Pastel Camgöbeği

#E8F8F8

38%

Vurgu

Pastel Sarı

#F8F8E8

24%

Vurgu

Pembe

#782848

16%

Birincil

Turuncu

#F8D898

11%

Vurgu

Pastel Sarı

#E8E8D8

7%

Vurgu

Pastel Yeşil

#E8F8E8

4%

MOON & SPENCER ORAN SKORU

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

67

Kabul Edilebilir

RENK PSİKOLOJİSİ

Turuncu yaratıcılık ve erişilebilirliği dengeler. Gençlik odaklı markalarda yüksek güven ve etkileşim skorları ürettiği gözlemlenmiştir. (Birren, 1969)

⊞

Spatial Composition & Grid

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

GÖRSEL DENGE

95%

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

Dengeli

KALABALIK ENDEKSİ

80

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.710

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

Dengeli Yoğunluk

KENAR YOĞUNLUĞU

12%

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.111

Mathematical relationship between font sizes on your site.

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

≈ Major Second

Montserrat\u0026quotCalibriAptos

AVG LINE HEIGHT

1.55

FONT TYPE

Sans

GUNNING FOG INDEX

29.9

İdeal: 8–12 · Çok zor

ARI SKORU

18.3

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

71

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: 360px (Avg).

48/100

Gestalt Consistency

Visual consistency of buttons and calls to action.

Etkileşim Elementleri

135

NAVİGASYON ÖĞESİ (HICK YASASI)

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

24

⚖

Content Intelligence & Sustainability

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

READABILITY IQ

46.4

Flesch Reading Ease

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

Zor

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

GREEN UX

2.09 MB

Karbon: 1.05g/ziyaret

Sayfa ağırlığı: 2.09 MB

RESOURCES

195

HTTP Resources

Kelimeler

742

Metin/Görsel

%13

GÖRSEL & FONT OPTİMİZASYONU

Lazy 49%WebP/AVIF 49%srcset 49%w/h 1%font-display ✓async/defer 100%

3. Taraf Domain

9 domain

Preload İpuçları

1

⌬

Semantic DNA

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

H21924'ten Bugüne Çikolatanın Ustası

H3KATEGORİLER

H3KURUMSAL

H3ÖNEMLİ BİLGİLER

H3ÜYELİK

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 xJikC98axSZT

CSS

Tailwind CSS

Analitik

Google Analytics 4 G-LN4CET835MGoogle Tag Manager GTM-NDVNBNSLHotjar

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

1

Birkaç uyarı · 3 uyarı

3RD PARTY ALAN

21

127 toplam istek

DOM KARMAŞIKLIĞI

1.326

Düğüm · 21 derinlik

WCAG DOKUNMA HEDEFİ

%35

≥44×44px hedef (WCAG 2.5.5)

AKTİF ANİMASYON

0

Web Animations API + CSS

FORM ALANI

4

%0 autocomplete'li

YÜKLENen 3RD PARTY ALANLAR

analytics.google.comapi.myikas.comcdn.myikas.comconnect.facebook.netfacebook.comfonts.gstatic.comfonts.myikas.comgoogle.comgoogle.com.trgoogleads.g.doubleclick.netgoogletagmanager.comgstatic.com+8 daha

♿

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Şİ

✓

Atlanan seviye yok

ARIA LANDMARK

6

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

SKIP LINK

—

Ana içeriğe atla yok

FOCUS-VISIBLE

✓

Modern focus stilleri

REDUCED MOTION

✓

Vestibüler bozukluk dostu

DARK MODE

—

Sadece açık tema

📱

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İ

%49

≥44px hedef (mobil viewport)

EN KÜÇÜK TEXT

8px

Mobil ideal: ≥16px

HAMBURGER MENÜ

—

Mobil menü algılanmadı

FIXED KAPLAMA

%96

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

3

JSON-LD + microdata

OG TAMLIK

%90

Open Graph + Twitter Card

SOSYAL LİNK

8

IG / X / LinkedIn / FB / YouTube

KURUMSAL SAYFALAR

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

TESPİT EDİLEN SCHEMA.ORG TİPLERİ

WebsiteStorePostalAddress

🔐

Güvenlik & TLS Analizi

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

HTTP GÜVENLIK NOTU

B70/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

3.24s

LCP

İyileştirilebilir

622ms

INP

Kötü

0.250

CLS

Orta

1.71s

FCP

İyi

0.68s

TTFB

İyi

📈

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.

LCPOrta

3.21s

3.25s▼1%

INPKötü

597ms

961ms▼38%

TTFBİyi

655ms

581ms▲13%

FCPİyi

1.67s

1.53s▲9%

CLSOrta

—

—

25 haftalık veri · 2025-11-23 → 2026-05-10

📊

Core Web Vitals

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

CORE WEB VITALS

LCP

19.36sKötü

FCP

8.87sKötü

CLS

0.000İyi

LAB METRİKLERİ

TBT

432ms

TTI

19.58s

SI

8.87s

Kullanılmayan JS: 1234KBKullanılmayan CSS: 119KB

GERÇEK KULLANICI DENEYİMİ

Performans

65Orta

Erişilebilirlik

72Orta

SEO

100Mükem.

En İyi Pratikler

73Orta

🫆

Brand Intelligence & Motion Physics

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

1ST AI · MARKA ARKETİPİ

Masum

The Innocent

Saflık, iyimserlik ve sadelik

#Saf#Optimist#Temiz#Güven

RENK PSİKOLOJİSİ

"Dengeli sıcak palet güven ve yakınlık hissi veriyor; kullanıcıyla duygusal bağ kurma potansiyeli yüksek."

Marka Tutarlılığı

35

/100

Tutarsız

Motion Physics

AVG DURATION

1818ms

Yavaş animasyonlar

SMOOTHNESS

90

Pürüzsüz akış

ANIMATIONS

8

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ı

✓ Var

SOSYAL KANIT

Yorum, rating, rozet, referans

✓ Görünür

ABOVE-FOLD KALİTESİ

İlk ekran içerik & hiyerarşi skoru

59

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.

✕MühendislikKritik Performans: Lighthouse 46/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.

✓MotionMotion tasarımı aktif: 8 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.

⚠MobilDokunma hedeflerinin çoğu çok küçük (uyum %49, ideal 44px+)etki orta

⚠MobilMobilde çok küçük metin (8px) — okunabilirlik düşüketki 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.

Çikolata & Şekerleme

Tayas Online

67/100

GÜÇLÜ TEMEL

Elit Çikolata'a göre -3 puan altta

Karşılaştır →

Çikolata & Şekerleme

Bolçi Çikolata

67/100

GÜÇLÜ TEMEL

Elit Çikolata'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.