Web Tasarım & Geliştirme

Web siteniz satış üreten bir makine 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

Tasarımcılar & Mühendisler

10+ yıl · 60+ web projesi · Next.js + Vercel

60+

Web projesi

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 uyumlu 14 kişilik ekip + 1 AI Agent (Vorkaz) Vercel + Cloudflare entegrasyon i18n çoklu dil desteği Trusted Digital Partner Next.js 16 uzmanı Core Web Vitals 95+ Headless CMS (Sanity, Strapi) WCAG 2.2 AA uyumlu 14 kişilik ekip + 1 AI Agent (Vorkaz) Vercel + Cloudflare entegrasyon i18n çoklu dil desteği Trusted Digital Partner Next.js 16 uzmanı Core Web Vitals 95+ Headless CMS (Sanity, Strapi) WCAG 2.2 AA uyumlu 14 kişilik ekip + 1 AI Agent (Vorkaz) Vercel + Cloudflare entegrasyon i18n çoklu dil desteği Trusted 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.

E-ticaret Sahibi

“Site yavaş, sepet bırakma %75, mobil deneyim kötü.”

Kurumsal Marka

“Marka algımız web sitemizin gerisinde kaldı, modernleşmemiz lazım.”

SaaS / Girişim

“Hızlı MVP lazım, yatırımcı sunumu öncesi profesyonel durmalıyız.”

Lokal Hizmet

““Site sadece bilgi veriyor, randevu/iletişim formu işe yaramıyor.””

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

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ı'.

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.

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.

İç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ı.

Discovery’den 6-aylık bakıma, her aşama şeffaf.

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.
Ne yapıyoruz

Her sayfanın amacı, içerik hiyerarşisi, CTA akışı ve URL yapısı kağıda döker. Low-fidelity wireframe (FigJam/Excalidraw) ile kullanıcı yolculuğu görselleşir. SEO URL stratejisi + canonical + breadcrumb planı aynı anda.

Neden önemli

'Önce Figma'da tasarım' yanılgısı en maliyetli hata — görsel ile başlayan sayfa hiyerarşisi SEO'yu kırar, CTA akışını bozar. Mimari önce, estetik sonra.

Sizin için sonuç

Tasarım aşamasında 'acaba buraya bu mu gelmeli?' sorusu sıfır. Her piksel bilinçli — görünümden önce kullanıcının ne yapacağı kesinleşmiş.
Ne yapıyoruz

Brand token'lar (renk/font/spacing) CSS custom properties olarak tanımlanır. shadcn/ui base üzerine müşteriye özel component varyantları CVA ile kurulur. Her component 4 state (default/hover/focus/disabled) + dark mode + responsive breakpoint'lerde test edilir.

Neden önemli

'Tek bir buton tasarımı' geçici kazanç — 6 ay sonra 7 farklı buton, tutarsız UX, bakım cehennemi. Atomic design prensibi + token hiyerarşisi = uzun vadeli kalite.

Sizin için sonuç

Yeni özellik eklenmesi 10x hızlanır — mevcut component'lar yeniden kullanılır. Marka değişikliği 1 saatte tüm siteye yayılır (token update = global swap).
Ne yapıyoruz

Server Component öncelikli mimari, client component sadece gerektiğinde ('use client' disiplini). TypeScript strict + Zod schema validation. API routes için rate limiting + auth middleware. Supabase/Sanity entegrasyonu + RLS policy disiplini.

Neden önemli

2026'da web = Server Component + streaming + PPR. Client-side heavy mimari bundle'ı sisirir, CWV'yi düşürür. Doğru mimari yatırımı = 3 yıl sonra bile hızlı site.

Sizin için sonuç

Bundle size %60 düşer, sunucu maliyetleri %40 azalır, SEO crawl bütçesi optimize olur. 'Modern framework' hype değil — ölçülebilir ROI.
Ne yapıyoruz

Sanity veya Strapi ile müşterinin kendi içeriklerini yönetebileceği headless CMS kurulur. Schema tasarımı (article, product, landing) + preview mode + draft/published workflow + role-based access. Sanity MCP ile Claude Code entegrasyonu.

Neden önemli

WordPress admin paneli monolitik + tema bağımlısı. Headless CMS 'içerik ayrı, frontend ayrı' disiplini ile müşteri içerik değiştirir, frontend hızı etkilenmez. 2026 standardı.

Sizin için sonuç

Müşteri 15 dakikalık eğitimle kendi blog/ürün yönetir. Geliştirici bağımlılığı sıfır. İçerik güncellemesi anında canlı, build süresi 30 saniye altı.
Ne yapıyoruz

sitemap.ts dinamik (tüm sayfalar + locale), robots.ts, opengraph-image.tsx dinamik üretim, canonical + hreflang her sayfada otomatik. generateMetadata ile her rotanın benzersiz meta + og. Schema.org: Organization, LocalBusiness, Article, Product, FAQPage, BreadcrumbList.

Neden önemli

SEO'yu 'sonradan ekleriz' mantığı her projede patlar. Mimariye doğduğunda gömülür — crawler ready, schema valid, hreflang doğru = Google indexlemesi ilk gün başlar.

Sizin için sonuç

Canlı deploy sonrası 7 gün içinde Google Search Console'da indexlenme. İlk ay organik trafik başlar, SEO ajansı devri 0 gün (her şey hazır).
Ne yapıyoruz

Staging ortamında Lighthouse audit (desktop + mobile). LCP, INP, CLS skorları 95+ olmadan yayın yok. Image optimization (WebP/AVIF), font subset + preload, critical CSS inline, third-party script'ler defer. Vercel production deploy + domain + SSL.

Neden önemli

Canlıya çıkan yavaş site = CWV Assessment FAIL = Google sıralama cezası. Yayın öncesi katı skor gate, yayın sonrası pişmanlık engelleyici.

Sizin için sonuç

İlk hafta Google Search Console 'iyi' sinyali, sıralama trendi pozitif. Conversion rate benchmark'tan %20+ üstünde başlar.
Ne yapıyoruz

Her ay GA4 + Search Console + Sentry incelenir. Yavaşlayan sayfalar + 404 + Core Web Vitals drift tespit edilir. Quarterly 'sağlık check' — package.json güncellemeleri, security patch, bağımlılık denetimi. Feature request'leri priority queue'da.

Neden önemli

Site canlı = sürekli evrim. Bağımlılıklar eskir, tarayıcılar değişir, kullanıcı davranışı kayar. 'Bırak kendi kendine çalışsın' = 18 ay sonra tamir dahi imkansız tech debt.

Sizin için sonuç

Site 3 yıl sonra bile 'yeni gibi' — performans sabit, bakım öngörülebilir, yeni özellik eklemek kolay. Rakipler rebuild derken siz iteratif kazanırsınız.

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.

Net Fiyatlandırma

Sürpriz maliyet yok.

Tek seferlik proje

₺85.000+

Lighthouse 95+ tutturulmazsa %30 çıkış esnekliği.

Teklif Al

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

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?" "Next.js ile kurumsal web sitesi ajansı kim?" "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.

Dürüst cevaplar

Aklında olabilecek sorular.

Hangi teknoloji ile site yapıyorsunuz?

Site teslim süresi ne kadar?

Tasarımı kim yapıyor?

İçerik (yazı, görsel) sizden mi geliyor benden mi?

Site teslimden sonra güncelleme kim yapıyor?

Mobil uyumlu mu? Hangi tarayıcılarda çalışıyor?

SEO altyapısı dahil mi?

Hosting ve domain ücretleri ayrı mı?

Site yavaş açılırsa ne olur?

Hazır olduğunda

Web sitenizi yeniden inşa edelim.

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