Web Design & Development

Your websitebecomes a salesgenerating machine.
Design + conversion + speed integrated.

Next.js + headless CMS + Core Web Vitals optimized. Conversion-first design, mobile-first development. 14-person team + 1 AI Agent (Vorkaz). Vercel deploy.

E-commerce, corporate, local service, SaaS landing · doesn't matter. Modern web architecture rests on the same foundation. Only content and user flow differ.

Managed by
Trusted Digital Partner
10+ yrs · 60+ web projects · Next.js + Vercel
60+
Web projects
98
Lighthouse score
1.2s
Avg LCP
10+
Years experience
Next.js 16 expertiseCore Web Vitals 95+Headless CMS (Sanity, Strapi)WCAG 2.2 AA compliant14-person team + 1 AI Agent (Vorkaz)Vercel + Cloudflare integrationi18n multi-languageTrusted Digital PartnerNext.js 16 expertiseCore Web Vitals 95+Headless CMS (Sanity, Strapi)WCAG 2.2 AA compliant14-person team + 1 AI Agent (Vorkaz)Vercel + Cloudflare integrationi18n multi-languageTrusted Digital Partner
Find your sector

Pick the one that fits you.

This service fits various sectors. Tap your card to see what it brings you.

30-second summary

For those in a hurry.

  • Mobile-first responsive — pixel-perfect across 375/768/1440px breakpoints, WCAG 2.2 AA compliant.
  • Core Web Vitals 95+ score — Lighthouse LCP <2.5s, INP <200ms, CLS <0.1 guaranteed.
  • Schema.org + WCAG + accessibility — crawler-ready, screen-reader compatible, keyboard navigable.
  • Next.js 16 + Vercel + CDN — global edge, zero-downtime deploy, automatic scaling.
  • i18n + SEO-first architecture — next-intl 8 languages, JSON-LD + canonical + hreflang discipline.
What we do

All 6 layers of modern web stack, in one team.

Next.js + Sanity + Tailwind + Vercel — production-grade, scalable, fast.

Next.js 16 + React 19

App Router, Server Components, Partial Prerendering, edge runtime. Modern stack, future-proof for 5 years.

Design system (shadcn + Tailwind)

Radix headless + CVA variants + 8pt grid. Brand tokens, dark mode, accessibility (WCAG AA).

Headless CMS (Sanity/Strapi)

Editor-friendly, real-time preview, image pipeline (Sharp + AVIF), versioning.

Core Web Vitals 95+ score

LCP < 2.5s, INP < 200ms, CLS < 0.1. Lighthouse 95+ measurable target, PageSpeed Insights green.

SEO infrastructure (structural)

Schema.org, OpenGraph, sitemap.xml, robots.txt, hreflang, canonical. Makes SEO team's job easier.

Security + Performance + DX

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

Our development approach

4-pillar web design architecture.

Beyond 'looks nice' — measurable performance, accessibility, design system discipline, and content priority. Every pillar proven in live production.

01

Performance

Measurable speed

Core Web Vitals 95+ target, Lighthouse report pinned before delivery. LCP <2.5s, INP <200ms, CLS <0.1. Next.js Image optimization, font-display swap, lazy loading, code-splitting discipline. Not 'fast' for one page, but 'always fast' system-wide.

02

Accessibility

For everyone

WCAG 2.2 AA minimum, AAA target. Screen reader tested, full keyboard navigation, focus management via Radix primitives. Color contrast 4.5:1 mandatory. Not 'nice-to-have' — entry criteria, exit test.

03

Design System

Atomic consistency

Brand tokens → semantic tokens → component tokens hierarchy. shadcn/ui copy-paste architecture with zero node_modules dependency. CSS custom properties for dark mode + one-line theme swap. Every component uses CVA variant system.

04

Content Priority

SEO-first architecture

generateMetadata unique per page, JSON-LD schema automated, sitemap.ts + robots.ts + dynamic opengraph-image. Content data-driven (data/*.ts) — hardcoded strings FORBIDDEN. Single source of truth: new page = 1 data row.

Why these 4 pillars?

Proven across 50+ live projects: weak performance drops conversion, missing accessibility creates legal risk + user loss, no design system means 10x maintenance cost, no SEO-first architecture means zero organic traffic. These 4 pillars are non-negotiable.

Work process

Web design success in 8 steps.

Every step explained in three layers: 'what we do', 'why it matters', and 'your benefit'. From discovery to 6-month maintenance, transparent throughout.

  1. What we do

    90-min video workshop: target audience, conversion KPIs, competitor analysis, brand voice, content inventory. Full audit if existing site (Lighthouse + Screaming Frog + a11y scan). Sector + palette + font matching via design intelligence database.

    Why it matters

    Asking for 'a nice site' from scratch is the most expensive path — unclear goal drags to 10 revisions. Discovery locks scope and success criteria. 'Which button gets clicked' comes before technology.

    Your benefit

    Project risk drops 80% — revision cycles fall from 3 to 1. You know exactly what you're investing in, zero post-delivery surprises.

Sector fit

E-commerce + B2B + corporate — each gets a different approach.

E-commerce

Shopify Hydrogen, Medusa, custom Next.js + Stripe. Headless, fast, mobile-first.

Kartal MobilyaÇiçek Sanat

Corporate + B2B

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

Genel Çağrı M.Adateknik

Healthcare + Clinic

Appointment system, MedicalOrganization schema, GDPR compliance, AAA accessibility.

Miray KoçakTanrıverdi

Local service

GBP integration, local landings, WhatsApp CTA, offline conversion tracking.

AsilcarTas Vidanjor
Real transformations

WordPress to Next.js migration — by the numbers.

Three clients, three sectors, common outcome: speed + conversion lift.

3.2x
PageSpeed improvement
+%85
Avg conversion lift
<2.5s
LCP target
95+
Lighthouse score
E-commerce · Furniture

Kartal Mobilya

Challenge

WordPress + WooCommerce very slow (mobile PageSpeed 32). Cart abandonment 78%, product filter unusable on mobile.

Solution

Next.js 16 App Router + Sanity CMS + Stripe checkout. Catalog 800 products migrated, image pipeline (AVIF), edge cache.

Results
  • PageSpeed 32 → 96 (mobile)
  • Conversion rate up 85%
  • Cart abandonment 78% → 42%

"We were losing sales on the old site without knowing. After the new site we understood."

Kartal Mobilya Ekibi
B2B · Call center service

Genel Çağrı Merkezi

Challenge

Old static HTML site. No lead form, no blog, not mobile responsive. Zero B2B customer acquisition.

Solution

Next.js + Sanity CMS, multi-step lead form (HubSpot integration), case study + blog module, AAA accessibility.

Results
  • Monthly MQLs 0 → 47
  • Mobile traffic 15% → 58%
  • Avg session duration up 4x
Service · Men's grooming

Apollo Erkek Bakım

Challenge

Visual-heavy sector but site had old design, appointment system phone-only, weak online presence.

Solution

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

Results
  • Online appointments 0% → 45% (of total)
  • Monthly sessions 3K → 18K
  • Avg booking value up 38%
Voices

Real clients. Different sectors. Same approach.

5.0 / 15 reviews
Our old WordPress site was very slow on mobile. They migrated to Next.js, PageSpeed score went from 32 to 96. Same content, more modern design, conversions up 85%.
Kartal Mobilya Ekibi
Manager, Kartal Mobilya
In call center sector, our site was 12 years old. They delivered modern, mobile-friendly, fast site in 4 weeks. Phone conversion tracking installed too — now we see which page brings which call.
Genel Çağrı Merkezi Ekibi
Manager, Genel Çağrı Merkezi
In appliance service, urgency matters. Every page: 'Call Now' + WhatsApp button, sticky bottom bar, click-to-call on mobile. Result: phone calls up 220%.
Adateknik Ekibi
Owner, Adateknik Appliance Service
Where it sits

WordPress, freelancer, modern stack.

Fast modern site = SEO + conversions = revenue. An old WordPress site loses revenue daily.

Slow site = lost money

Legacy stack comes with these 4 costs.

Mobile bounce rate 75%+

PageSpeed < 50 = 53% of users leave in 3 seconds. In mobile-first world this = SEO and conversion hell.

Core Web Vitals fail

LCP > 4s, CLS > 0.25, INP > 500ms = Google ranking penalty. Eliminated first in AI search too.

Old PHP/WordPress security holes

80% of WP plugins ship with 1+ critical CVE. 12+ annual security patches + constant backup required.

Adding new features 10x more expensive

On legacy stack, new feature = risky refactor. On modern stack, add component, deploy. Innovation speed is critical.

Investment

Transparent investment.

One-time project
$2.800+
30% refund if Lighthouse 95+ not achieved.
Monthly invoice
What you get
  • Custom Next.js + Tailwind design
  • Headless CMS (Sanity) integration
  • i18n multi-language (TR + EN base)
  • Core Web Vitals 95+ guaranteed
  • WCAG 2.2 AA accessibility compliance
  • Vercel deploy + preview pipeline
  • 3 months free maintenance + minor changes
What you'll have

Beyond the videos.

What you actually take with you when you enroll.

Core Web Vitals measurable target

LCP < 2.5s, CLS < 0.1, INP < 200ms. We fix free if not met.

Mobile-first responsive

320px first, desktop after. 3 viewport test (mobile/tablet/desktop) standard.

SEO infrastructure included

sitemap.xml, robots.txt, generateMetadata, JSON-LD, Open Graph, hreflang. GSC submit day 1.

CMS panel (self-serve)

Sanity CMS drag-drop updates. Training included. No coding needed.

AI Search · AEO/GEO

When AI assistants cite your site as a 'source'.

Traditional web design is human-only. Modern web design + AI crawler-ready: ChatGPT, Perplexity, Gemini parse your site and cite it in answers. Mandatory layer in 2026.

Example AI queries (ChatGPT, Perplexity, Gemini)
"Who builds corporate Next.js websites?""Which agency delivers Core Web Vitals 95+?""Headless CMS web design agency recommendation""I'm looking for a WCAG AA compliant web dev agency""Corporate website agency in Turkey 2026"

Semantic HTML + ARIA landmarks

Semantic <header>, <main>, <article>, <section> hierarchy instead of div wrapping. ARIA roles (navigation, complementary, contentinfo) communicate page structure to AI crawlers. Screen readers and AI crawlers walk the same path.

Rich JSON-LD structured data

Organization + LocalBusiness + WebSite + WebPage + BreadcrumbList on every page. Product + Offer on product pages, Article + Author on blog, FAQPage on FAQs. AI answer engines understand structured data sites 3-5x better.

Content-rich page design

Image-heavy / text-poor pages are black boxes to AI crawlers. Every critical page has 500+ words semantic content, H1-H6 hierarchy discipline, mandatory alt text. '3 words in hero, 50 on page' design = AI invisibility.

llms.txt + AI crawler directive

llms.txt added alongside robots.txt — tells AI assistants your site's main topics, expertise areas, citation preferences. Separate crawl policies for GPTBot, ClaudeBot, PerplexityBot. 2026 AEO standard.

Fast rendering + crawler performance

AI crawlers abandon slow sites — if content not loaded in 3s, move to another source. Next.js SSR + ISR delivers first render <500ms. Client-heavy SPAs invisible to AI — SSR mandatory.

Freshness + update signals

AI assistants check 'last modified' dates. Last-modified header, <time> tag, schema.org dateModified discipline. 2-year-old blog post = AI invisible. ISR revalidate + dynamic update pipeline.

3-5x
AI comprehension w/schema
<500ms
SSR first render
2026
Year AEO became mandatory
Honest answers

Things you might be wondering.

Next.js 16 + React 19 + Tailwind CSS + Vercel hosting. Modern, fast, SEO-friendly, mobile-first. We avoid WordPress unless mandatory — heavy, security holes, hard to pass Core Web Vitals. For e-commerce: Next.js + Sanity CMS or Shopify Hydrogen.

When you're ready

Let's rebuild your website.
Design + conversion + speed.

60-min free discovery call. We audit your existing site, give you a custom quote.

Transparent process · 3 revision rounds · Lighthouse 95+ guaranteed
$2.800+
One-time project