05 Web & Ürün aktif servis

Apple seviyesinde arayüzler,
edge'de hız.

Next.js, Supabase, edge function'lar. Tasarım sistemi, motion ve a11y standardımız sektörün üstünde. Premium kurumsal siteler, iç araçlar, SaaS ürünleri.

~8 haftadevreye alma
95+Lighthouse ortalama
3 kıtaedge dağıtım
WCAG 2.2 AAstandart
simurghmedia.com/premium
01 · Yetenekler

Pixel'den production'a.

"Güzel görünmek" değil; kullanıcının ne yapmak istediğini saniyede yapabildiği, ölçülen ürünler.

Premium Kurumsal Site

Kurumsal kimliği yansıtan, hızlı, erişilebilir kurumsal siteler. Lansman, ürün, marka.

  • Kurumsal / marka siteleri
  • Lansman & kampanya sayfaları
  • Kariyer / press odası
  • Multi-dil + region yönetimi

SaaS & Dashboard

Veri-yoğun arayüzler, complex state, real-time. Stripe seviyesi UX hedefli.

  • Admin / iç araç
  • SaaS ürün arayüzü
  • Analytics dashboard
  • Multi-tenant + RBAC

Headless E-ticaret

Shopify Hydrogen, Medusa, BigCommerce. Sepetten ödemeye saniye altı.

  • Shopify Hydrogen
  • Medusa & Saleor
  • Stripe / Iyzico checkout
  • PWA / offline desteği

Tasarım Sistemi

Design tokens, Figma library, Storybook. Tek doğru kaynak.

  • Figma + design tokens
  • Storybook + component docs
  • Tema (light/dark/brand)
  • Motion sistem

Performans & CWV

Core Web Vitals optimizasyonu. SEO + dönüşüm aynı şey.

  • Lighthouse 95+ hedefli
  • LCP / CLS / INP optimizasyonu
  • Edge caching strateji
  • Image / font optimizasyonu

A11y & i18n

WCAG 2.2 AA standardı. Çok dilli ürünler için doğru altyapı.

  • WCAG 2.2 AA uyumu
  • Screen reader + klavye navigasyonu
  • i18n (12+ dil) + RTL
  • WCAG audit raporu
02 · Anatomi

Üç katmanlı ürün mimarisi.

Frontend, data, delivery — her katmanın kendi araçları, kendi performans hedefi var.

01

Frontend Katmanı

Kullanıcının gördüğü her şey. RSC, hydration, motion, a11y.

Next.js 15 / RSC Tailwind CSS shadcn/ui Framer Motion Three.js / R3F Radix Primitives
02

Data & Backend Katmanı

Postgres, edge function, auth, storage. Sahip olduğunuz veri.

Supabase / Postgres Auth + RLS Object storage Edge functions Realtime / WebSocket Drizzle / Prisma ORM
03

Delivery & Monitoring

3 kıtaya edge dağıtım, CDN, analytics, error tracking.

Vercel Cloudflare Workers GA4 / Plausible Sentry Vercel Analytics Search Console
03 · Ürün tipleri

Hangi tip ürün inşa edelim?

İhtiyacınıza tıklayın — örnek özellik seti ve elde edilen performans hedefleri.

Premium kurumsal site

Marka kimliği, ürün/hizmet anlatımı, kariyer, press, blog. Çok dilli, çok bölgeli, SEO odaklı. Yatırımcı ve ortak sunumlarında gurur duyacağınız bir cephe.

8-15 sayfa kurumsal yapı Sanity / Strapi CMS Blog + press odası i18n + region routing
98/100Lighthouse skoru
0.4sLCP (first paint)
+185%organik trafik (6 ay)

Ürün lansman sayfası

Yüksek dönüşüm odaklı tek sayfa veya mini-site. 3D, motion, story-telling — Apple lansman seviyesi. A/B test ve attribution kurulu.

Hero + 3D / motion sahne Story sections + CTA Waitlist / preorder akışı A/B test + analytics
+18.4%conversion rate
0.8sfull interactive
14K+waitlist (ilk 30 gün)

SaaS & dashboard ürünü

Multi-tenant, RBAC, real-time, billing. Stripe entegrasyonu, audit log, admin panel. Yatırımcıya gösterilecek seviyede UX.

Multi-tenant + RBAC Stripe billing + plan switch Real-time updates Admin / impersonation
+47%kullanıcı retention
−68%sayfa yükleme süresi
4.8/5NPS skoru

Headless e-ticaret

Shopify Hydrogen veya Medusa üzerinde özel mağaza. Sepetten ödemeye saniye altı, çok kanallı stok, çok dilli/para birimli.

Shopify Hydrogen / Medusa Çok dil / para birimi AI ürün önerisi Optimized checkout
+32%conversion (CR)
−28%cart abandonment
0.6spage transitions

Mobile-first PWA / hybrid

Native hissi veren web ürünleri. Push, offline, installable. Mobil ekosisteme uygulama gönderme zorluğu olmadan native deneyim.

PWA + install prompt Push notifications Offline-first cache Native paylaşım API
+72%D7 retention
4.6/5app store benzeri puan
−85%store onay zamanı (yok)
04 · Stack

Üretim cephaneliği.

Frontend'den deploy'a, ORM'den motion'a — her katmanın doğru aracı.

Frameworks
Next.js 15React 19 Astro 5SvelteKit RemixHono tRPC
Database & Backend
SupabasePostgreSQL Drizzle ORMPrisma NeonPlanetScale RedisInngest
Hosting & Edge
VercelCloudflare Pages Cloudflare WorkersNetlify RailwayFly.io AWS Amplify
Design & Motion
Tailwind CSSshadcn/ui Radix UIFramer Motion GSAPThree.js LottieFigma
05 · Vaka

Bir ürün örneği.

Anonim ama gerçek bir Web & Ürün projesi: B2B SaaS dashboard'un sıfırdan inşası.

CASE / 05 SaaS · B2B · 12 hafta
Sorun

Legacy admin panel (jQuery + PHP). Sayfa yükleme 4-7 saniye, kullanıcılar şikayet ediyor, yeni özellik eklemek bir aya yayılıyor. Yatırımcı görüşmelerinde tasarım itibarsızlık yaratıyordu.

Yaklaşımımız

Next.js 15 + Supabase + Tailwind + shadcn yığını ile sıfırdan. Önce design system + Figma library, sonra component-by-component. Mevcut DB'yi koruyarak parallel deploy.

Sonuç

12 haftada tam geçiş. Sayfa yükleme 4s'den 0.6s'ye indi. Yeni özellik eklemek günler değil saatler oldu. Yatırımcı görüşmesinde "Stripe gibi olmuş" geri dönüşü aldı.

98/100 Lighthouse skoru
−68% sayfa yükleme
+47% kullanıcı retention
06 · Paketler

Nereden başlamalıyız?

Bir UX audit ile başlayalım, ya da hemen yapım sürecine geçelim.

Sprint 1 hafta

UX & Tech Audit

Mevcut ürününüzü tarıyor, hızlı kazanım + uzun vade yol haritası çıkarıyoruz.

  • Heuristic UX review
  • Performans & CWV audit
  • Accessibility audit (WCAG)
  • Tech debt haritalama
  • Önerilen yol haritası
Build 6–12 hafta
En popüler

Production Build

Tasarımdan canlıya — bir ürün veya site sıfırdan, sabit kapsamla.

  • Sabit kapsam + sabit fiyat
  • Design system + Figma library
  • Component-by-component build
  • Edge deploy + monitoring
  • 30 günlük hyper-care
Yeni proje / komple rebuild Konuş
Continuous Aylık retainer

Product Engineering

Devamlı geliştirme, yeni özellikler, optimizasyon, on-call destek.

  • Dedicated ürün ekibi
  • 2 haftalık sprint'ler
  • On-call hata düzeltme
  • Performans & CWV takibi
  • Aylık business review
07 · SSS

Web & Ürün için sık sorulanlar.

Tasarımı sizden mi alıyoruz yoksa ajansımız mı yapıyor?

İkisi de olur. (1) Komple bizden: design system + Figma + production kod. (2) Ortak çalışma: tasarımcınız var, biz inşa ediyoruz. (3) Mevcut tasarım: Figma'dan production'a. Çoğu müşteri bizimle tasarım sistemine yatırım yapıyor — bir kez kurarsanız her şey üstüne biner.

Neden Next.js? Başka framework kullanabilir miyiz?

Next.js varsayılan tercih: RSC, edge, app router, geniş ekosistem. Ama proje gereksinimine göre Astro (statik içerik-yoğun), SvelteKit (hafif), Remix (form-yoğun) veya custom Hono backend kullanırız. Yığın seçimi workshop'ta birlikte verilir.

CMS / içerik yönetimi nasıl olacak?

İçerik miktarına ve ekibinize göre seçeriz: Sanity (yapılandırılmış içerik, ekipli editörler), Strapi (open-source, self-hosted), Payload (Node ekosistemi), Contentful (kurumsal). Markdown / MDX da bir seçenek — geliştirici-dostu içerik için.

SEO ve Core Web Vitals nasıl sağlanıyor?

Standartlarımız: Lighthouse 95+, LCP <1.2s, CLS <0.05, INP <200ms. Edge rendering, image optimization, font display swap, kritik CSS, preload stratejileri — hepsi otomatik. Her deploy'da Lighthouse CI ile kontrol.

Mevcut sitemizden / sisteminizden geçiş?

İki yaklaşım: (1) Big bang: yeni site hazır olduğunda DNS değişimi. (2) Strangler pattern: yeni site mevcut yapının yanında, kademeli olarak URL'ler taşınır. SEO redirect'ler, 301 yönlendirmeleri, sitemap güncelleme standart. Trafik kaybı yok.

Hosting maliyeti ne kadar? Vendor lock-in var mı?

Tipik kurumsal site: ~$20-50/ay (Vercel Hobby / Pro). Yüksek trafik (1M+ ziyaret/ay): $200-500/ay. Lock-in yok — kod sizde, istediğiniz an Cloudflare, Netlify, AWS veya kendi sunucunuza taşıyabiliriz. Tüm migration süreçlerini dokümante ediyoruz.

İletişim

Bir UX audit ile başlayalım.

1 haftada ürününüzün röntgenini çekiyoruz — performans, UX, a11y, tech debt. Cevap süremiz 24 saatten az.

Cevap süremiz 24 saatten az.