Briefin kendi içindeki ölçü, veri ve erişilebilirlik hataları. Tasarım ve geliştirme kararı gerektiren asıl sorunlar bunlar.
Ölçü çelişkileri
Briefteki sayılar birbirini tutmuyor ya da ekranda sığmıyor.
T-01
Hero'da 600 px metin genişliği matematiksel olarak imkânsız
Ölçü çelişkisi
Brief üç değeri birlikte veriyor: 1200-1280 px içerik container, metin alanı maksimum yaklaşık 600 px, ve desktop %45 içerik / %55 görsel. Bu üçü aynı anda sağlanamıyor.
1280 px container eksi 24 px kenar boşluğu = 1232 px kullanılabilir alan. Bunun %45'i 554 px. Yani 600 px sınırı hiç devreye girmiyor, ölü bir değer.
Ölçüm / kanıtÖlçüm: hero__content genişliği 554,4 px (1280 px viewport)
Ne yapılmalıÜç seçenek: container 1400 px'e çıkar, oranı %49/%51 yap, ya da 600 rakamını 554'e çek. Demoda oran korundu.
Yeniler varyantında yapıldıHero oranı %49/%51 yapıldı. Metin kolonu tam 600 px oldu, yani briefin 600 px sınırı artık gerçekten devreye giriyor. Ölçüldü: 600 px.
T-02
Header 1280 px'de yalnızca 16 px payla duruyor
Ölçü çelişkisi
Brief 7 menü öğesi, Start Planning butonu, 155-165 px logo ve 26-30 px öğe aralığı istiyor. Bu kombinasyon 1280 px'de zar zor sığıyor.
Ayrıca brief tablet nav davranışını hiç tanımlamıyor, yalnızca "mobile: hamburger" diyor. 992-1232 px arası tanımsız kalıyor.
Ölçüm / kanıtÖlçüm: menü + CTA 1032 px + logo 160 px + boşluk 24 px = 1216 px / kullanılabilir 1232 px
Ne yapılmalıMenü öğe aralığını 20-22 px'e çek ya da hamburger eşiğini 1200 px'e taşı. Demoda 992 px altında hamburger devrede.
Yeniler varyantında yapıldıMenü öğe aralığı 28 → 22 px, logo 160 → 148 px, hamburger eşiği 992 → 1200 px. Header payı 16 px'den 70 px'e çıktı (menü 990 + logo 148).
T-03
Related Services: tek sırada 5 kart kart başına 216 px bırakıyor
Ölçü çelişkisi
Brief "desktop: tek sırada 5 eşit kart" diyor ve karta ikon, 18 px başlık, 15 px açıklama ve sağ alt köşede ok koyuyor. Bu içerik 216 px'e sıkışıyor, başlıklar iki satıra kırılıyor.
Aynı sorun Homepage'teki 5 servis kartında da var: 227 px kart içinde 4:3 görsel ve 6 satıra kadar açıklama.
Ölçüm / kanıtÖlçüm: 1232 px eksi 4 x 24 px boşluk, 5 karta bölününce kart genişliği 216 px. Homepage servis kartı 227 px.
Ne yapılmalıYa kart sayısını 4'e düşür, ya iki sıraya böl, ya da tablet ve altında 3 kolona geçir. Demoda 5 kart korundu.
Yeniler varyantında yapıldı5 kart yalnız 1400 px üstünde. 992-1399 arası 3 kolon, tablet 2, mobil 1. Kart genişliği 216 → 395 px.
T-04
Logo 80 px header içinde 61 px yer kaplıyor
Ölçü çelişkisi
Logo dosyasının oranı 1437x551, yani 0,383. Brief logoyu 155-165 px genişlikte istiyor ve header'ı 80 px sabitliyor. 160 px genişlikte logonun yüksekliği 61,3 px oluyor.
Ölçüm / kanıtÜstte ve altta toplam 18,7 px kalıyor, yani tek tarafta 9,3 px
Ne yapılmalıLogo genişliğini 140 px'e çek (yükseklik 53,7 px) ya da header'ı 88-92 px'e yükselt.
Yeniler varyantında yapıldıLogo 148 px. Yüksekliği 56,7 px oldu, 80 px header'da tek tarafta 11,6 px boşluk kaldı.
T-05
Homepage H1 dört satıra kırılıyor
Ölçü çelişkisi
64 px, line-height 1,08, letter-spacing -0,01em ve 554 px kolon birleşince homepage başlığı dört satır oluyor.
Ölçüm / kanıt"Your Trusted Partner for Memorable Experiences in Istanbul" = 4 satır, 276 px yükseklik. Hero 660 px, yani başlık tek başına hero'nun %42'sini alıyor.
Ne yapılmalıH1'i 56 px'e çek ya da metin kolonunu genişlet. Brief homepage için 60-64 px aralığı veriyor, 60 px bile 3 satıra indirmiyor.
Yeniler varyantında yapıldıHomepage H1 64 → 56 px. Geniş kolonla birlikte başlık 3 satıra indi, yüksekliği 276 → 182 px.
Tanımsız değerler
Briefte hiç verilmemiş, uygulamak için karar gerektiren değerler.
T-06
Section dikey boşlukları hiçbir belgede tanımlı değil
Tanımsız değer
Global brief yalnızca Final CTA için "yaklaşık 70-80 px" veriyor. Diğer bütün bölümler için dikey boşluk değeri yok. Bir sitede ritmi belirleyen en temel değer bu.
Ne yapılmalıDemoda 96 / 80 / 56 px (desktop / tablet / mobil) kurdum ve token'a bağladım. Onay gerekiyor.
Yeniler varyantında yapıldı96 / 80 / 56 px token olarak sabitlendi ve variables.css içinde tek yerden yönetiliyor.
T-07
Buton köşe yarıçapı sayı olarak verilmemiş
Tanımsız değer
Brief "köşe yapısı ölçülü ve site genelinde tutarlı olmalı, pill kullanılmaz" diyor ama sayı vermiyor. Kart ve accordion için 10 px, dropdown için 8-10 px verilmiş, buton boşta.
Ne yapılmalı6 px seçtim. Kart 10 px olduğu için buton daha küçük bir değer istiyor.
Yeniler varyantında yapıldı6 px olarak token'a bağlandı: --radius-btn.
T-08
Tablet gövde metni değeri yok
Tanımsız değer
Başlık ölçeği tablosunda desktop / tablet / mobil üç kolon var. Gövde ve UI tablosunda yalnızca desktop ve mobil kolonu var.
Ölçüm / kanıt768-991 px arasında gövde metni 17 px kalıyor (desktop değeri)
Ne yapılmalıTablet için 16 px daha doğru olur. Karar gerekiyor.
Yeniler varyantında yapıldıTablet gövde metni 16 px'e çekildi.
T-09
Kompakt H1 ölçeği için tablet ve mobil değer yok
Tanımsız değer
Brief "activity, case study, contact ve editorial sayfalarda yaklaşık 48-56 px" diyor ama bu ölçeğin tablet ve mobil karşılığını vermiyor.
Ne yapılmalı52 / 46 / 38 px türettim. Ana ölçekle (64/52/40) aynı oranı korudum.
Yeniler varyantında yapıldı52 / 46 / 38 px olarak .h1-compact sınıfına bağlandı.
T-10
Breakpoint eşikleri tanımlı değil
Tanımsız değer
Brief desktop, tablet ve mobil için değer veriyor ama bu üç kademenin hangi genişlikte değiştiğini söylemiyor.
Ne yapılmalıBootstrap standardını kullandım: mobil <768, tablet 768-991, desktop ≥992 px.
Yeniler varyantında yapıldıEşikler token katmanında belgelendi: mobil <768, tablet 768-991, desktop ≥992, nav 1200.
Erişilebilirlik
Renk sistemi WCAG AA eşiğini geçmiyor. Hesaplanmış kontrast oranları.
T-11
Aksan sarısı küçük metinde WCAG AA'yı geçmiyor
Erişilebilirlik
Brief bütün small label ve eyebrow metinlerini #C58F08 yapıyor ve boyutu 13 px (mobilde 12 px) olarak sabitliyor. Bu renk beyaz zeminde okunabilirlik eşiğinin altında.
Site genelinde her bölümün üstünde bu etiket var, yani sorun tek noktada değil.
Ölçüm / kanıtHesaplanan kontrast: beyaz üzerinde 2,89:1, bej #FAF8F4 üzerinde 2,80:1. AA eşiği 4,5:1.
Ne yapılmalıSarıyı yalnızca ikon ve ok gibi dekoratif öğelerde bırak, etiket metnini #8A6205 civarına koyulaştır (4,6:1) ya da metni lacivert yap.
Yeniler varyantında yapıldıAçık zeminlerde etiket rengi #8A6205 oldu, kontrast 2,89 → 5,54:1. Koyu zeminlerde #C58F08 korundu, orada kontrast zaten 5,23:1. Sarı ikon, ok ve FAQ +/- işaretlerinde aynen duruyor.
T-12
Hover mavisi buton metninde AA'yı geçmiyor
Erişilebilirlik
#2596BE hem header CTA hem Final CTA butonunun hover metni olarak tanımlı, ikisi de beyaz zeminde. Buton metni 15 px / 700; WCAG'de "large text" sayılabilmek için 18,66 px bold gerekiyor, dolayısıyla 4,5 eşiği geçerli.
Ölçüm / kanıtHesaplanan kontrast: 3,39:1
Ne yapılmalıHover rengini #1B6E8C civarına koyulaştır (4,6:1). Normal durumdaki lacivert metin zaten sorunsuz.
Yeniler varyantında yapıldıButon hover metni #1B6E8C oldu, kontrast 3,39 → 5,74:1. Koyu hero butonunda hover #8FD3EC.
T-13
Klavye focus konturu koyu bölümlerde görünmüyor
Erişilebilirlik
Brief bütün tıklanabilir öğelerde 2-3 px #222222 kontur istiyor. Bu renk beyaz zeminde iyi çalışıyor ama Final CTA (#173A52) ve footer (#0D2233) üzerinde neredeyse görünmez.
Ölçüm / kanıtKontrast #222222 / #173A52 = 1,33:1
Ne yapılmalıKoyu bölümlerde konturu beyaza çevir. Tek satır CSS ile çözülür.
Yeniler varyantında yapıldıFinal CTA ve footer içinde focus konturu beyaza çevrildi.
Veri çelişkileri
Aynı bilgi farklı belgelerde farklı yazıyor.
T-14
Aynı case study üç farklı yerde farklı rakam gösteriyor
Veri çelişkisi
Case study rakamları listing, servis sayfası ve detay sayfası arasında tutmuyor. Demo her sayfada o sayfanın kendi briefindeki değeri gösteriyor, dolayısıyla sitede aynı proje iki farklı sayıyla görünüyor.
| Proje | Case Studies listing | Servis sayfası | Detay sayfası |
|---|
| Corporate Meeting | 180 kişi / 3 gün | 91 kişi / 4 gün (MICE) | 91 kişi / 4 gün |
| Corporate Group | 80 kişi / 4 gün | 116 kişi / 4 gün (DMC) | 116 kişi / 4 gün |
| Team Building Day | 30 kişi / 1 gün | 30 kişi / 2 gün | 30 kişi / 2 gün |
| Incentive Experience | 25 kişi / 5 gün | 25 kişi / 5 gün | 25 kişi / 5 gün |
Ne yapılmalıHer proje için tek doğru rakam belirlenip üç yerde de aynı yazılmalı. Yalnızca Incentive tutuyor.
Yeniler varyantında yapıldıRakamlar detay sayfalarının Facts Strip'ine göre birleştirildi: Corporate Meeting 91/4, Corporate Group 116/4, Team Building 30/1. Listing artık üç projede de servis ve detay sayfasıyla aynı.
T-15
Team Building case study kendi içinde çelişiyor
Veri çelişkisi
Aynı briefin facts alanı 2 gün diyor, gövde metni bir gün diyor. İkisi aynı sayfada yan yana duruyor.
Ölçüm / kanıtFacts Strip: 2 Days | hero metni: "A full-day team building experience" | Project Overview: "a one-day team building experience"
Ne yapılmalıSüre netleştirilmeli. Metin bir günü anlatıyor, facts iki gün diyor.
Yeniler varyantında yapıldıFacts alanı 1 Day'e çekildi. Gövde metni zaten iki yerde bir günü anlatıyordu, çoğunluk ve anlatı esas alındı.
T-16
Sitede iki farklı ofis adresi görünüyor
Veri çelişkisi
Footer belgesi ile Contact sayfası briefi farklı adres veriyor. İkisi de aynı sitede, hatta Contact sayfasında ikisi aynı ekranda görünüyor.
Ölçüm / kanıtFooter: Ortaköy Mah. Dereboyu Cad. No: 17 Beşiktaş
Contact briefi: Gülbahar Mah. Uysal Sokak No: 1, Kat:1 Daire:6 Oda No:7, Şişli
Ne yapılmalıHangisi güncel adres ise ikisinde de o yazmalı.
Yeniler varyantında yapıldıFooter adresi Contact sayfası briefindeki Şişli adresine çekildi. Sayfaya özel brief öncelikli olduğu için o esas alındı.
T-17
Telefon numarası teyit edilmemiş ama footer'da yayında
Veri çelişkisi
Contact briefi "final numara teyit edilecek, teyit edilmeden canlıya alınmamalı" diyor. Buna karşın footer tasarımında numara açıkça yazılı.
Ölçüm / kanıtFooter: +90 212 956 44 57
Ne yapılmalıDemoda footer numarasını kullandım. Yayına çıkmadan teyit şart.
T-18
Footer telif yılı 2024
Veri çelişkisi
Footer tasarımında "© 2024 Oskar Tours" yazıyor. İçinde bulunduğumuz yıl 2026.
Ne yapılmalıWordPress'te dinamik yıl kullanılmalı, elle yazılmamalı.
Yeniler varyantında yapıldıYıl <span data-year> ile dinamikleştirildi, JS her yıl kendisi günceller. WordPress'te PHP ile aynı şey yapılır.
T-19
Hero tipi atamaları sayfa briefleriyle çakışıyor
Veri çelişkisi
Global hero belgesi ile sayfa briefleri üç sayfada birbirini tutmuyor. MASTER BRIEF öncelik sırasına göre sayfa briefini uyguladım.
| Sayfa | HERO STRUCTURE belgesi | Sayfa briefi |
|---|
| Contact | Clean Split | Hero yok, içerik doğrudan başlar |
| Case Studies listing | Clean Split | Büyük görselli hero yok, sade editorial intro |
| Case Study detail | Soft White Blend | Sol içerik, sağ büyük görsel (tip adı yok) |
Ne yapılmalıGlobal belge bu üç satır için güncellenmeli, yoksa tasarımcı yanlış hero kurar.
T-20
Footer kolon başlıkları sayfa H2'leriyle çakışıyor
Veri çelişkisi
Footer'da "Our Services" başlığı H2 olarak basılıyor. Homepage'te de aynı metin bölüm H2'si. Aynı sayfada iki özdeş H2 oluşuyor. Brief footer başlık seviyesini tanımlamıyor.
Ne yapılmalıFooter kolon başlıkları H2 yerine H3 ya da düz metin olmalı. Rank Math briefi heading hiyerarşisine önem veriyor.
Yeniler varyantında yapıldıFooter kolon başlıkları H2 yerine p.site-footer__col-title oldu. Görünüm aynı, mükerrer H2 kalktı.
SEO ve teknik
Arama, işaretleme, yönlendirme ve eksik alanlar.
T-21
5 sayfada SEO title, 6 sayfada meta description sınırı aşıyor
SEO / teknik
Google başlıkta yaklaşık 60 karakter, açıklamada yaklaşık 160 karakterde kesiyor. Briefin verdiği hazır metinler bu sınırların üstünde.
| Sayfa | Title | Description |
|---|
| Homepage | 68 | 168 |
| Incentive Travel | 68 | 163 |
| Case Studies | 66 | 144 |
| Team Building | 66 | 158 |
| Incentive Trends | 65 | 151 |
| Why Istanbul | 62 | 166 |
| Corporate Meeting case | 56 | 165 |
| Event Management | 47 | 164 |
| Corporate Group case | 52 | 161 |
Ne yapılmalıKalın yazılan değerler arama sonucunda kırpılır. Metinlerin kısaltılması gerekiyor.
Yeniler varyantında yapıldı6 title ve 6 description sınıra çekildi. Ölçüm: 60+ title 6 → 0, 160+ description 6 → 0. Anahtar kelimeler korundu, yalnız marka eki ve dolgu ifadeler kısaltıldı.
T-22
Homepage briefinde meta description, canonical ve schema yok
SEO / teknik
Homepage briefi yalnızca SEO title ve focus keyword veriyor. Meta description ve canonical yok. Rank Math briefi de schema tipleri listesinde homepage'i saymıyor.
Ne yapılmalıDemoda hero metnini meta description yaptım, canonical kök URL, schema Organization + WebSite. Üçü de benim kararım, onay gerekiyor.
Yeniler varyantında yapıldıMeta description 168 → 145 karaktere çekildi, canonical ve schema belgelendi.
T-23
About briefinde SEO alanlarının tamamı eksik
SEO / teknik
About sayfası briefi yalnız sayfa adı ve URL veriyor. SEO title, meta description, canonical ve focus keyword yok. 23 sayfa içinde SEO bloğu tamamen eksik olan tek sayfa.
Ne yapılmalıÜçünü de türettim. Rank Math briefinden yalnızca schema tipi (AboutPage) geliyor.
Yeniler varyantında yapıldıTitle 48, description 143 karakter. Schema AboutPage.
T-24
Incentive Trends rapor gövdesi pakette yok
SEO / teknik
Brief net: "Global Market Outlook bölümünden itibaren mevcut report body içeriği eski sayfadan birebir taşınacak, hiçbir şekilde yeniden yazılmayacak." Ancak pakette bu gövde, grafikler ve grafik verileri yok.
Gövdeyi canlı siteden taşıdım. Metin, başlıklar, yüzdeler ve kaynak bilgileri değiştirilmedi.
Ölçüm / kanıtTaşınan: 11 H2 bölümü, 57 paragraf, 5 liste, 9 görsel (6 veri grafiği + 3 destek görseli)
Ne yapılmalıGrafikler PNG olarak indirildi. Brief mobil okunabilirlik kontrolü istiyor, yüksek çözünürlüklü yeniden export gerekebilir.
Yeniler varyantında yapıldıGövde canlı siteden taşındı ve yerinde duruyor: 11 bölüm, 57 paragraf, 9 görsel. Metin ve veriler değiştirilmedi.
T-25
Trends briefindeki dördüncü internal link anchor'ı metinde yok
SEO / teknik
Brief "team building activities" anchor'ının mevcut rapor gövdesindeki aktivite listesinde birebir geçtiğini söylüyor. Taşınan gövdede bu ifade geçmiyor.
Ölçüm / kanıt4 anchor'dan 3'ü uygulandı: incentive travel programs, Destination Management Companies (DMCs), Istanbul's MICE ecosystem
Ne yapılmalıCopy'yi değiştirmek briefte yasak olduğu için dördüncü link uygulanmadı. Ya anchor düzeltilmeli ya link listesinden çıkarılmalı.
Yeniler varyantında yapıldıGövdede birebir geçen Team building ifadesi bulundu ve dördüncü internal link ona bağlandı. Copy değiştirilmedi.
T-26
Blog kartlarında yayın tarihi yok
SEO / teknik
Brief her kartta "yayın veya son güncelleme tarihi" istiyor ama tarih vermiyor: "tarih yayına geçmeden gerçek yayın/update tarihine göre girilecek".
Ölçüm / kanıtDemoda 7 yerde "Date to be confirmed" yazıyor
Ne yapılmalıYayına çıkmadan doldurulmalı. Tarih hem kartta hem Article schema'sında kullanılıyor.
T-27
Blog makale URL'leri ve kategorileri verilmemiş
SEO / teknik
Brief makalelerin root URL'de kalacağını söylüyor ama 7 makaleden yalnız birinin slug'ı belli (301 listesinden). Dört filtre tanımlı ama hangi makalenin hangi kategoride olduğu yazılmamış.
Ölçüm / kanıtSlug türetildi: /istanbul-events-calendar-2026/, /2026-uefa-europa-league-final-istanbul/, /25-reasons-istanbul-worlds-greatest-city/, /6-reasons-incentive-travel-istanbul/, /best-team-building-activities-in-istanbul/, /istanbul-luxury-travel-guide/
Ne yapılmalıSlug'lar teyit edilmeli. Makale sayfaları briefsiz olduğu için üretilmedi, demoda bu 7 link 404 veriyor.
T-28
Blog pagination gidecek sayfası olmadan üç sayfa gösteriyor
SEO / teknik
Brief "Previous · 1 · 2 · 3 · Next" klasik pagination istiyor ama yalnızca ilk sayfa için 6 makale tanımlı. 2. ve 3. sayfanın içeriği yok.
Ne yapılmalıWordPress'te otomatik çözülür, ancak makale sayısı 6'yı geçmezse pagination hiç görünmemeli.
Yeniler varyantında yapıldı6 makale için pagination kaldırıldı. Makale sayısı artınca WordPress kendi pagination'ını basar.
T-29
Üç görselde manifest uzantısı diskten farklı, canlıda 404 riski
SEO / teknik
MASTER BRIEF "fiziksel dosyanın büyük/küçük harf kullanımı dikkate alınmalı" diyor ama manifestlerin kendisi bu kurala uymuyor. Linux sunucuda küçük harfli yol 404 döner.
| Manifestte yazan | Diskteki gerçek ad |
|---|
istanbul-team-building-hagia-sophia.jpg | ...hagia-sophia.JPG |
lost-in-old-city-team-building-istanbul.jpg | ...istanbul.JPG |
incentive-travel-istanbul-team-building-activity.jpg | ...activity.JPG |
Ne yapılmalıDemoda disk adı kullanıldı. WordPress'e yüklerken uzantılar küçük harfe çevrilip manifest güncellenmeli.
Yeniler varyantında yapıldıÜç dosyanın uzantısı küçük harfe çevrildi ve 7 şablondaki referanslar güncellendi. Canlıda .jpg yolu test edildi, 200 dönüyor.
T-30
srcset üretilemiyor: tek boyut var ve yeni dosya adı yasak
SEO / teknik
Brief "responsive srcset, width ve height uygulanacak" diyor. Ama her görselden tek boyut teslim edilmiş ve "mevcut dosya adları değiştirilmeyecek, yeni isimli kopya oluşturulmayacak" kuralı var.
Ölçüm / kanıtDemoda 194 görselin tamamında gerçek width ve height var, srcset yok
Ne yapılmalıWordPress yüklemede otomatik türetir, o yüzden WP'de çözülür. Ancak kaynak dosyalar 1024-1920 px olduğu için üretilecek en büyük boyut da bu olacak.
T-31
410 verilecek 5 URL statik barındırmada uygulanamaz
SEO / teknik
Rank Math briefi 5 URL için 410 Gone istiyor. Cloudflare Pages yalnız yönlendirme destekliyor, durum kodu döndürmüyor.
Ölçüm / kanıt9 adet 301 çalışıyor ve test edildi, 5 adet 410 sunucu tarafı gerektiriyor
Ne yapılmalıWordPress'te Rank Math'in redirect modülü ya da .htaccess ile çözülür.