Brew Coffeeworks
Editör Notu
Tasarımındaki detaylar, markanın butik kimliğini başarılı bir şekilde destekler. Kullanıcıların hızlıca mekana veya ürünlere ulaşmasını sağlayan düz bir mimari sunar.
Topluluk OyuKafe & Kahvehane
0
0 olumlu
Öne Çıkanlar
- Butik marka kimliği
- Düz mimari
- Estetik detaylar
Değerlendirme Özeti
Brew Coffeeworks, akademik tasarım denetiminde 62/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri akıcılık (100) ve görsel kararlılık (97); görece geliştirilebilir alanları etkileşim tasarımı (44) ve marka kimliği (52).
Teknik Performans
90/100
Erişilebilirlik
92/100
TTFB
—
SEO
100/100
1st.com.tr Akademik Tasarım Denetimi10 Haziran 2026
62/100
Kalite DüzeyiGÜÇLÜ TEMEL
Brew Coffeeworks, tarafından tasarlanan bu Kafe & Kahvehane platformu olarak 62/100 skorla "Güçlü Temel" düzeyinde değerlendirmeye alınmıştır. genel kullanıcı deneyimini destekleyen altyapı kurulu olup kullanıcıların temel beklentileri karşılanmaktadır. Ancak görsel ağırlık dağılımı, renk psikolojisi ve etkileşim akışı üzerine yürütülecek sistematik bir tasarım çalışması, platformun rekabetçiliğini artıracaktır.
Estetik Zeka Motoru v2.0
Tasarım Denetimi
Hasler-Süsstrunk renk teorisi, Gestalt ilkeleri ve Fitts Yasası ile hesaplamalı analiz.
10 Haziran 2026
Estetik
52
Etkileşim
44
Kararlılık
97
İçerik
90
Mühendislik
65
Akıcılık
100
Marka
52
Motion
62
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik
50%
68
Mühendislik
34%
65
Craft
16%
86
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
21.0M · İdeal: 20–50
Dengeli (İdeal)
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 85 çakışma
Deuteranopia altında ayırt edilmesi güç çiftler
WCAG KONTRAST
54 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 ↗
Birincil
Pastel Sarı
#F8F8E8
38%
İkincil
Pastel Kırmızı
#F8E8E8
24%
Vurgu
Pastel Sarı
#E8E8D8
16%
Vurgu
Sarı
#D8D8C8
11%
Nötr
Sarı
#B8B8A8
7%
Vurgu
Sarı
#C8C8B8
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
80
Uyumlu
RENK PSİKOLOJİSİ
Sarı iyimserlik ve yeniliği simgeler. Yüksek parlaklığı kontrast yönetimini kritik kılar; arka plan kullanımında okunabilirlik titizlik gerektirir. (Birren, 1969)
Spatial Composition & Grid
Görsel ağırlık merkezi, eleman yoğunluğu ve ızgara tutarlılığı analizi.
GÖRSEL DENGE
98%
Sol/sağ görsel ağırlık simetrisi.
Dengeli
KALABALIK ENDEKSİ
40
Birim alanda perceptual eleman yoğunluğu.
Orta Yoğunluk
IZGARA UYUMU
72%
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 Skoru100 / 100
∑ SHANNON ENTROPİSİ
0.429
H = −Σ p(x)·log₂(p(x)) / log₂(256)
Minimal & Sade
KENAR YOĞUNLUĞU
13%
G = √(Gx²+Gy²) — Sobel gradyan
Çok Minimal
Shannon (1948) · Rosenholtz et al., CHI 2005
Typographic Science
Altın oran ve harmonik ölçek analizi.
Detected Scale
1.064
Mathematical relationship between font sizes on your site.
References: 1.618 (Golden), 1.200 (Minor Third), 1.250 (Major Third).
≈ Major Second
Cormorant GaramondInter
AVG LINE HEIGHT
1.45
FONT TYPE
Mixed
GUNNING FOG INDEX
13.1
İdeal: 8–12 · Zor
ARI SKORU
9.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
66
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: 145px (Avg).
52/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri42
NAVİGASYON ÖĞESİ (HICK YASASI)
İdeal: 5–9 · Miller (1956) 7±2
10
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
88.4
Flesch Reading Ease
206.835 − 1.015(W/S) − 84.6(Sy/W)
Çok Kolay
Sınıf Seviyesi: 11.6 (ideal: 7–8)
GREEN UX
0.01 MB
Karbon: 0.00g/ziyaret
Sayfa ağırlığı: 0.01 MB
RESOURCES
9
HTTP Resources
Kelimeler2.229
Metin/Görsel%97
GÖRSEL & FONT OPTİMİZASYONU
Lazy 0%WebP/AVIF 0%srcset 0%w/h 100%font-display ✓async/defer 0%
3. Taraf Domain7 domain
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H1The Best Call Tracking Software in 2026
H2Most call tracking guides are not for small businesses
H3What a small business actually needs
H4Per-number cost
H4Setup time
H4Honest pricing
H4Plain-English support
H2Five tools, ranked for small business
+19 daha...
lang="en"hreflang —
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
DETECTED FRAMEWORKS
Diğer
TECH MODERNITY SCORE50
Infrastructure Analysis
3 teknoloji bileşeni tespit edildi.
ALAN ADI YAŞI
1 yıl
TESCİL TARİHİ
2025-04-20
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
3RD PARTY ALAN
2
12 toplam istek
DOM KARMAŞIKLIĞI
325
Düğüm · 10 derinlik
WCAG DOKUNMA HEDEFİ
%34
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
0
Web Animations API + CSS
YÜKLENen 3RD PARTY ALANLAR
fonts.googleapis.comfonts.gstatic.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Şİ
2
2 atlanan seviye (H1→H3 vb.)
ARIA LANDMARK
3
main/nav/header/footer/aside · screen reader nav
SKIP LINK
—
Ana içeriğe atla yok
FOCUS-VISIBLE
—
Klavye nav. odak gizli
REDUCED MOTION
—
Animasyon kısıtlama yok
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İ
%31
≥44px hedef (mobil viewport)
EN KÜÇÜK TEXT
10px
Mobil ideal: ≥16px
HAMBURGER MENÜ
✓
Mobile nav pattern var
FIXED KAPLAMA
%0
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
6
JSON-LD + microdata
OG TAMLIK
%100
Open Graph + Twitter Card
SOSYAL LİNK
0
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İ
WebSiteOrganizationPersonItemListListItemArticle
Güvenlik & TLS Analizi
Mozilla Observatory HTTP güvenlik başlıkları · Qualys SSL Labs TLS kalitesi.
HTTP GÜVENLIK NOTU
D30/100
CSP, HSTS, X-Frame-Options, Referrer Policy ve diğer HTTP güvenlik başlıklarını değerlendirir.
Core Web Vitals
Google Lighthouse sentetik lab testi · LCP, FCP, CLS eşikleri. WCAG 2.1 ↗
CORE WEB VITALS
LCP2.86sOrta
FCP2.86sOrta
CLS0.000İyi
LAB METRİKLERİ
TTI2.86s
SI3.19s
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik92Mükem.
SEO100Mükem.
En İyi Pratikler100Mükem.
Brand Intelligence & Motion Physics
Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.
1ST AI · MARKA ARKETİPİ
Sıradan İnsan
The Everyman
Topluluk, erişilebilirlik ve eşitlik
#Samimi#Erişilebilir#Topluluk#Dürüst
RENK PSİKOLOJİSİ
"Minimalist nötr palet zamansız estetik sunar; içeriğin öne çıkmasına izin veriyor."
Marka Tutarlılığı
52
/100
Tutarsız
Motion Physics
Easing Naturalness
Animasyon geçiş eğrisi doğallığı
Düzgün (Optimal)
Dönüşüm Sinyalleri
NET CTA
Belirgin çağrı-eyleme alanı
SOSYAL KANIT
Yorum, rating, rozet, referans
ABOVE-FOLD KALİTESİ
İlk ekran içerik & hiyerarşi skoru
Denetim Bulguları
Etki × Efor matrisine göre sıralı — quick win'ler en üstte
MühendislikPremium Performans: Lighthouse ≥90 — olağanüstü kullanıcı deneyimi sağlanıyor.etki yüksek
ErişilebilirlikWCAG 2.1 standartları başarıyla karşılanıyor.etki yüksek
YapıSemantik hiyerarşi doğru yapılandırılmış (H1 + alt başlıklar).etki orta
SürdürülebilirlikYeşil Tasarım: 0g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MotionMotion tasarımı aktif: 5 animasyon kuralı ile canlandırılmış.etki düşük
MobilDokunma hedeflerinin çoğu çok küçük (uyum %31, ideal 44px+)etki orta
MobilMobilde çok küçük metin (10px) — okunabilirlik düşüketki düşük
Metodoloji Referansları
[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 ↗
Bölüm 3 · İleri Analiz
Karşılaştır & İzle
Sektör ortalamasıyla karşılaştırma ve tarihsel skor değişimi.
Sektör Karşılaştırması · 12 sitelik örneklem
Kafe & Kahvehane
Brew Coffeeworks bu kategoride 13 puan üzerinde — sektör ortalaması 49/100. En iyi %33 dilimindedir.
Estetik
52
49
+3
Etkileşim
44
46
-2
Marka
52
46
+6
Mühendislik
65
57
+8
İçerik
90
70
+20
Motion
62
61
+1
Kararlılık
97
81
+16
Akıcılık
100
80
+20
SİTE
SEKTÖR
FARK
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çü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.