Web Tasarım & Geliştirme

Web sitenizsatış üreten birmakine olur.
Tasarım + dönüşüm + hız bütünleşik.

Next.js + headless CMS + Core Web Vitals optimize. Conversion-first tasarım, mobile-first development. 14 kişilik ekip + 1 AI Agent (Vorkaz). Vercel deploy.

E-ticaret, kurumsal, lokal hizmet, SaaS landing fark etmez. Modern web altyapısı herkes için aynı temele dayanır. Sadece içerik ve kullanıcı akışı farklı.

Yöneten ekip
Trusted Digital Partner
10+ yıl · 60+ web projesi · Next.js + Vercel
60+
Web projesi
98
Lighthouse skoru
1.2s
Ortalama LCP
10+
Yıl deneyim
Next.js 16 uzmanıCore Web Vitals 95+Headless CMS (Sanity, Strapi)WCAG 2.2 AA uyumlu14 kişilik ekip + 1 AI Agent (Vorkaz)Vercel + Cloudflare entegrasyoni18n çoklu dil desteğiTrusted Digital PartnerNext.js 16 uzmanıCore Web Vitals 95+Headless CMS (Sanity, Strapi)WCAG 2.2 AA uyumlu14 kişilik ekip + 1 AI Agent (Vorkaz)Vercel + Cloudflare entegrasyoni18n çoklu dil desteğiTrusted Digital Partner
Sektörünü bul

Sana uyanı seç.

Bu hizmet farklı sektörlere uygun. Kartına dokun, sana ne kazandıracağını gör.

30 saniyede özet

Acelesi olanlar için.

  • Mobile-first responsive — 375/768/1440px 3 breakpoint'te pixel-perfect, WCAG 2.2 AA uyumu.
  • Core Web Vitals 95+ skor — Lighthouse LCP <2.5s, INP <200ms, CLS <0.1 ölçümlü hedef.
  • Schema.org + WCAG + accessibility — crawler-ready, ekran okuyucu uyumlu, keyboard navigable.
  • Next.js 16 + Vercel + CDN — global edge, zero-downtime deploy, automatic scaling.
  • i18n + SEO-first mimari — next-intl 8 dil, JSON-LD + canonical + hreflang disiplini.
Ne yapıyoruz

Modern web stack'in 6 katmanı, hepsi bizde.

Next.js + Sanity + Tailwind + Vercel — production-grade, ölçeklenebilir, hızlı.

Next.js 16 + React 19

App Router, Server Components, Partial Prerendering, edge runtime. Modern stack, 5 yıl geleceğe hazır.

Tasarım sistemi (shadcn + Tailwind)

Radix headless + CVA variant + 8pt grid. Marka token'ları, dark mode, erişilebilirlik (WCAG AA).

Headless CMS (Sanity/Strapi)

İçerik editörlük dostu, real-time preview, görsel pipeline (Sharp + AVIF), versioning.

Core Web Vitals 95+ skor

LCP < 2.5s, INP < 200ms, CLS < 0.1. Lighthouse 95+ ölçümlü hedef, PageSpeed Insights yeşil.

SEO altyapısı (yapısal)

Schema.org, OpenGraph, sitemap.xml, robots.txt, hreflang, canonical. SEO ekibinin işini kolaylaştırır.

Güvenlik + Performans + DX

CSP header, rate limiting, Vercel edge, GitHub Actions CI/CD, Sentry monitoring.

Geliştirme yaklaşımımız

4 sütunlu web tasarım mimarisi.

'Güzel görünsün' ötesi — ölçülebilir performans, erişilebilirlik, tasarım sistemi disiplini ve içerik önceliği. Her sütun canlı üretimde kanıtlandı.

01

Performans

Ölçülebilir hız

Core Web Vitals 95+ hedef, Lighthouse raporu teslim öncesi sabit. LCP <2.5s, INP <200ms, CLS <0.1. Next.js Image optimizasyonu, font-display swap, lazy loading, kod bölme disiplini. Tek sayfa için 'hızlı' değil, sistem genelinde 'daima hızlı'.

02

Erişilebilirlik

Herkes için

WCAG 2.2 AA minimum, AAA hedef. Ekran okuyucu test edilir, keyboard navigation tam, odak yönetimi Radix primitives ile. Renk kontrastı 4.5:1 zorunlu. 'Nice-to-have' değil — başlangıç kriteri, bitiş testi.

03

Tasarım Sistemi

Atomic tutarlılık

Brand token'lar → semantic token'lar → component token'lar hiyerarşisi. shadcn/ui kopyala-yapıştır mimari ile node_modules bağımlılığı sıfır. CSS custom properties ile dark mode + tema gecişi tek satır. Her component CVA variant sistemi.

04

İçerik Önceliği

SEO-first mimari

generateMetadata her sayfada benzersiz, JSON-LD schema otomatik, sitemap.ts + robots.ts + opengraph-image dinamik. İçerik data-driven (data/*.ts) — hardcoded string YASAK. Single source of truth ile yeni sayfa = 1 data satırı.

Neden bu 4 sütun?

50+ canlı projede doğrulandı: performans düşerse conversion düşer, erişilebilirlik eksikse yasal risk + kullanıcı kaybı, tasarım sistemi yoksa bakım maliyeti 10x, SEO-first değilse organik trafik yok. Bu 4 sütun pazarlık konusu değil.

Çalışma süreci

8 adımda web tasarım başarısı.

Her adım 'ne yapıyoruz', 'neden önemli' ve 'sizin için sonuç' üçlüsüyle anlatılır. Discovery'den 6-aylık bakıma, her aşama şeffaf.

  1. Ne yapıyoruz

    90 dakikalık video workshop: hedef kitle, conversion KPI, rakip analizi, marka sesi, içerik envanteri. Mevcut site varsa full audit (Lighthouse + Screaming Frog + a11y tarama). Sektör veritabanı (design-intelligence skill) ile sektör + palet + font eşleştirmesi.

    Neden önemli

    Sıfırdan 'güzel bir site' istemek en pahalı yol — amaç belirsizse 10 revizyona sürüklenir. Discovery, kapsam ve başarı kriterini kilitler. 'Hangi butona tıklanacak' sorusu teknolojiden önce gelir.

    Sizin için sonuç

    Proje riski %80 düşer — revizyon döngüsü 3'ten 1'e iner. Siz de tam olarak neye yatırım yaptığınızı bilir, teslim sonrası sürpriz yok.

Hangi sektörlere uygun

E-ticaret + B2B + corporate — her birine farklı yaklaşım.

E-ticaret

Shopify Hydrogen, Medusa, custom Next.js + Stripe. Headless, hızlı, mobile-first.

Kartal MobilyaÇiçek Sanat

Corporate + B2B

Sanity CMS + Next.js + lead form. Multi-language, ABAC role yönetimi, blog + case study.

Genel Çağrı M.Adateknik

Sağlık + Klinik

Randevu sistemi, MedicalOrganization schema, GDPR uyumu, AAA accessibility.

Miray KoçakTanrıverdi

Lokal hizmet + Servis

GBP entegrasyonu, lokal landing, WhatsApp CTA, offline conversion tracking.

AsilcarTas Vidanjor
Gerçek dönüşümler

WordPress'ten Next.js'e geçiş — sayılarla.

Üç müşteri, üç farklı sektör, ortak sonuç: hız + dönüşüm artışı.

3.2x
PageSpeed iyileşmesi
+%85
Ortalama dönüşüm artışı
<2.5s
LCP hedef
95+
Lighthouse skor
E-ticaret · Mobilya

Kartal Mobilya

Sorun

WordPress + WooCommerce çok yavaştı (mobile PageSpeed 32). Sepet terk oranı %78, ürün filtresi mobilde kullanılmazdı.

Çözüm

Next.js 16 App Router + Sanity CMS + Stripe checkout. Catalog 800 ürün migrate, görsel pipeline (AVIF), edge cache.

Sonuç
  • PageSpeed 32 → 96 (mobile)
  • Dönüşüm oranı %85 arttı
  • Sepet terk oranı %78 → %42

"Eski sitede satış kaybediyorduk farkında değildik. Yeni site geldikten sonra anladık."

Kartal Mobilya Ekibi
B2B · Çağrı merkezi hizmeti

Genel Çağrı Merkezi

Sorun

Eski statik HTML site. Lead form yok, blog yok, mobile responsive değildi. B2B müşteri kazanımı sıfır.

Çözüm

Next.js + Sanity CMS, multi-step lead form (HubSpot entegrasyonu), case study + blog modülü, AAA accessibility.

Sonuç
  • Aylık MQL 0 → 47
  • Mobile traffic %15 → %58
  • Ortalama session süresi 4x arttı
Hizmet · Erkek bakım

Apollo Erkek Bakım

Sorun

Görsel ağırlıklı bir sektör ama site eski tasarım, randevu sistemi telefon-only, online presence zayıf.

Çözüm

Next.js + Sanity + custom appointment booking, Instagram feed integration, lifestyle blog modülü, GBP cross-link.

Sonuç
  • Online randevu %0 → %45 (toplam içinde)
  • Aylık session 3K → 18K
  • Avg booking value %38 arttı
Sesler

Gerçek müşteriler. Farklı sektörler. Aynı yaklaşım.

5.0 / 15 yorum
Eski WordPress sitemiz mobilde çok yavaştı. Next.js'e geçirdiler, PageSpeed skoru 32'den 96'ya çıktı. Aynı içerik, tasarım daha modern, dönüşüm %85 arttı.
Kartal Mobilya Ekibi
Yönetici, Kartal Mobilya
Çağrı merkezi sektöründe sitemiz 12 yıl önceydi. 4 haftada modern, mobil-uyumlu, hızlı bir site teslim ettiler. Telefon dönüşüm tracking'i de kurulu — artık hangi sayfa hangi aramayı getiriyor görebiliyoruz.
Genel Çağrı Merkezi Ekibi
Yönetici, Genel Çağrı Merkezi
Beyaz eşya servisinde aciliyet hissi vermek önemli. Her sayfada 'Hemen Ara' + WhatsApp butonu, sticky alt çubuk, mobilde tıklanabilir telefon. Sonuç: telefon aramaları %220 arttı.
Adateknik Ekibi
Sahibi, Adateknik Beyaz Eşya Servisi
Nereye konumlanır

WordPress, freelancer, modern stack.

Hızlı ve modern site = SEO + dönüşüm = gelir. Eski WordPress sitesi her gün gelir kaçırıyor.

Yavaş site = kayıp para

Eski stack şu 4 maliyetle gelir.

Mobile bounce rate %75+

PageSpeed < 50 = kullanıcının %53'ü 3 saniyede terk eder. Mobile-first dünyada bu = SEO ve dönüşüm cehennemi.

Core Web Vitals fail

LCP > 4s, CLS > 0.25, INP > 500ms = Google ranking penalty. AI search'te de ilk olarak elenir.

Eski PHP/WordPress güvenlik açıkları

WP plugin'lerinin %80'i 1+ critical CVE ile geliyor. Yıllık 12+ güvenlik patch + sürekli backup gerek.

Yeni feature eklemek 10x pahalı

Eski stack'te yeni özellik = riskli refactor. Modern stack'te component ekle, deploy. Innovation hızı kritik.

Yatırım

Şeffaf yatırım.

Tek seferlik proje
₺85.000+
Lighthouse 95+ tutturulmazsa %30 çıkış esnekliği.
Aylık fatura
İçeriğinde
  • Custom Next.js + Tailwind tasarım
  • Headless CMS (Sanity) entegrasyon
  • i18n çoklu dil desteği (TR + EN baz)
  • Core Web Vitals 95+ ölçümlü hedef
  • WCAG 2.2 AA erişilebilirlik uyumu
  • Vercel deploy + preview pipeline
  • 3 ay ücretsiz bakım + minor değişiklik
Sahip olacakların

Videoların ötesinde.

Kayıt olduğunda gerçekten yanında götürdüklerin.

Core Web Vitals ölçümlü hedef

LCP < 2.5s, CLS < 0.1, INP < 200ms. Geçmezse ücretsiz iyileştiriyoruz.

Mobile-first responsive

Önce 320px, sonra desktop. 3 viewport test (mobil/tablet/masaüstü) standart.

SEO altyapısı dahil

sitemap.xml, robots.txt, generateMetadata, JSON-LD, Open Graph, hreflang. İlk gün GSC submit.

CMS panel (self-serve)

Sanity CMS ile drag-drop güncelleme. Eğitim dahil. Kod yazmaya gerek yok.

AI Search · AEO/GEO

AI asistanlar sitenizi 'kaynak' gösterdiğinde.

Geleneksel web tasarım sadece insanlar için. Modern web tasarım + AI crawler-ready: ChatGPT, Perplexity, Gemini sitenizi parse edip cevaplarında referanslar. 2026'da zorunlu katman.

Örnek AI sorguları (ChatGPT, Perplexity, Gemini)
"Next.js ile kurumsal web sitesi ajansı kim?""Core Web Vitals 95+ skorlu ajans hangisi?""Headless CMS ile web tasarım ajansı önerisi""WCAG AA uyumlu web geliştirme ajansı arıyorum""Türkiye'de kurumsal web sitesi ajansı 2026"

Semantic HTML + ARIA landmarks

Div sarmalama yerine <header>, <main>, <article>, <section> doğru hiyerarşi. ARIA role'leri (navigation, complementary, contentinfo) AI crawler'lara sayfa yapısını iletir. Ekran okuyucu ile AI crawler aynı yoldan yürür.

JSON-LD structured data zenginliği

Organization + LocalBusiness + WebSite + WebPage + BreadcrumbList her sayfada. Ürün sayfalarında Product + Offer, blog'da Article + Author, FAQ'da FAQPage. AI cevap motoru structured data olan siteleri 3-5x daha iyi anlar.

Content-rich page design

Image-heavy / text-poor sayfalar AI crawler'a kapalı kutu. Her kritik sayfada 500+ kelime semantic içerik, H1-H6 hiyerarşi disiplini, alt text zorunlu. 'Hero'da 3 kelime, sayfada 50 kelime' tasarımı = AI görünmezlik.

llms.txt + AI crawler directive

robots.txt'in yanına llms.txt eklenir — AI asistanlarına sitenizin ana konularını, expertise alanlarını, citation tercihlerini iletir. GPTBot, ClaudeBot, PerplexityBot için ayrı crawl politikası. 2026 AEO standardı.

Fast rendering + crawler performance

AI crawler'lar slow site'ları bıraktır — 3 saniye içinde içerik yoksa başka kaynağa geçer. Next.js SSR + ISR ile first render <500ms. Client-heavy SPA'lar AI'a görünmez — SSR zorunlu.

Freshness + update signals

AI asistanlar 'son güncelleme' tarihine bakar. Last-modified header, <time> tag, schema.org dateModified disiplini. Blog makalesi 2 yıl eski = AI görünmez. ISR revalidate + dinamik update pipeline.

3-5x
Schema ile AI anlama
<500ms
SSR first render
2026
AEO zorunluluk yılı
Dürüst cevaplar

Aklında olabilecek sorular.

Next.js 16 + React 19 + Tailwind CSS + Vercel hosting. Modern, hızlı, SEO-dostu, mobil-öncelikli. WordPress ZORUNLU değilse kullanmıyoruz — ağır, güvenlik açıkları, Core Web Vitals geçmesi zor. E-ticaret için Next.js + Sanity CMS veya Shopify Hydrogen.

Hazır olduğunda

Web sitenizi yeniden inşa edelim.
Tasarım + dönüşüm + hız.

60 dakika ücretsiz keşif görüşmesi. Mevcut sitenizi audit ediyoruz, sana özel teklif sunuyoruz.

Şeffaf süreç · 3 round revizyon · Lighthouse 95+ ölçümlü hedef
₺85.000+
Tek seferlik proje