05 Web & Product active service

Apple-grade interfaces,
speed at the edge.

Next.js, Supabase, edge functions. Our standards for design systems, motion and a11y sit above the industry's. Premium corporate sites, internal tools, SaaS products.

~8 weeksrollout
95+Lighthouse average
3 continentsedge delivery
WCAG 2.2 AAstandard
simurghmedia.com/premium
01 · Capabilities

From pixel to production.

Not "looking pretty"; measured products where users can do what they came to do in seconds.

Premium corporate site

Fast, accessible corporate sites that reflect your corporate identity. Launches, products, brand.

  • Corporate / brand sites
  • Launch & campaign pages
  • Careers / press room
  • Multilingual + region management

SaaS & dashboards

Data-heavy interfaces, complex state, real-time. Aiming for Stripe-level UX.

  • Admin / internal tools
  • SaaS product UI
  • Analytics dashboards
  • Multi-tenant + RBAC

Headless e-commerce

Shopify Hydrogen, Medusa, BigCommerce. Sub-second from cart to checkout.

  • Shopify Hydrogen
  • Medusa & Saleor
  • Stripe / Iyzico checkout
  • PWA / offline support

Design system

Design tokens, Figma library, Storybook. A single source of truth.

  • Figma + design tokens
  • Storybook + component docs
  • Themes (light/dark/brand)
  • Motion system

Performance & CWV

Core Web Vitals optimization. SEO and conversion are the same thing.

  • Targeting Lighthouse 95+
  • LCP / CLS / INP optimization
  • Edge caching strategy
  • Image / font optimization

A11y & i18n

WCAG 2.2 AA as standard. The right foundation for multilingual products.

  • WCAG 2.2 AA compliance
  • Screen reader + keyboard navigation
  • i18n (12+ languages) + RTL
  • WCAG audit report
02 · Anatomy

Three-layer product architecture.

Frontend, data, delivery — each layer has its own tools and its own performance target.

01

Frontend layer

Everything the user sees. RSC, hydration, motion, a11y.

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

Data & backend layer

Postgres, edge functions, auth, storage. Data you own.

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

Delivery & monitoring

Edge delivery across 3 continents, CDN, analytics, error tracking.

Vercel Cloudflare Workers GA4 / Plausible Sentry Vercel Analytics Search Console
03 · Product types

What kind of product shall we build?

Click what you need — a sample feature set and the performance targets achieved.

Premium corporate site

Brand identity, product/service storytelling, careers, press, blog. Multilingual, multi-region, SEO-focused. A front you'll be proud of in investor and partner presentations.

8-15 page corporate structure Sanity / Strapi CMS Blog + press room i18n + region routing
98/100Lighthouse score
0.4sLCP (first paint)
+185%organic traffic (6 months)

Product launch page

A high-conversion single page or mini-site. 3D, motion, storytelling — Apple-launch level. A/B testing and attribution built in.

Hero + 3D / motion scene Story sections + CTA Waitlist / preorder flow A/B testing + analytics
+18.4%conversion rate
0.8sfull interactive
14K+waitlist (first 30 days)

SaaS & dashboard product

Multi-tenant, RBAC, real-time, billing. Stripe integration, audit log, admin panel. UX you can show investors.

Multi-tenant + RBAC Stripe billing + plan switching Real-time updates Admin / impersonation
+47%user retention
−68%page load time
4.8/5NPS score

Headless e-commerce

A custom storefront on Shopify Hydrogen or Medusa. Sub-second from cart to checkout, multi-channel inventory, multi-language and multi-currency.

Shopify Hydrogen / Medusa Multi-language / currency AI product recommendations Optimized checkout
+32%conversion (CR)
−28%cart abandonment
0.6spage transitions

Mobile-first PWA / hybrid

Web products that feel native. Push, offline, installable. A native experience without the hassle of shipping an app to the mobile stores.

PWA + install prompt Push notifications Offline-first cache Native share API
+72%D7 retention
4.6/5app-store-like rating
−85%store approval time (none)
04 · Stack

The production arsenal.

From frontend to deploy, from ORM to motion — the right tool for every layer.

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 · Case

A product case.

An anonymized but real Web & Product project: a B2B SaaS dashboard built from scratch.

CASE / 05 SaaS · B2B · 12 weeks
Problem

A legacy admin panel (jQuery + PHP). Pages took 4-7 seconds to load, users were complaining, and adding a new feature stretched over a month. In investor meetings, the design was hurting credibility.

Our approach

Rebuilt from scratch on a Next.js 15 + Supabase + Tailwind + shadcn stack. Design system + Figma library first, then component by component. Parallel deploy while keeping the existing DB.

Result

Full transition in 12 weeks. Page load dropped from 4s to 0.6s. Adding a new feature now takes hours, not days. In an investor meeting, the feedback was "it feels like Stripe."

98/100 Lighthouse score
−68% page load
+47% user retention
06 · Packages

Where should we start?

Let's start with a UX audit, or go straight into the build.

Sprint 1 week

UX & Tech Audit

We scan your current product and deliver quick wins + a long-term roadmap.

  • Heuristic UX review
  • Performance & CWV audit
  • Accessibility audit (WCAG)
  • Tech debt mapping
  • Recommended roadmap
Build 6–12 weeks
Most popular

Production Build

From design to live — a product or site from scratch, with fixed scope.

  • Fixed scope + fixed price
  • Design system + Figma library
  • Component-by-component build
  • Edge deploy + monitoring
  • 30-day hyper-care
Continuous Monthly retainer

Product Engineering

Ongoing development, new features, optimization, on-call support.

  • Dedicated product team
  • 2-week sprints
  • On-call bug fixing
  • Performance & CWV monitoring
  • Monthly business review
07 · FAQ

Common questions about web & product.

Do we get the design from you, or does our agency do it?

Either works. (1) All from us: design system + Figma + production code. (2) Collaboration: you have a designer, we build. (3) Existing design: from Figma to production. Most clients invest in a design system with us — set it up once and everything builds on top of it.

Why Next.js? Can we use another framework?

Next.js is the default choice: RSC, edge, App Router, a broad ecosystem. But depending on project needs we use Astro (static, content-heavy), SvelteKit (lightweight), Remix (form-heavy) or a custom Hono backend. The stack is chosen together in a workshop.

How will CMS / content management work?

We choose based on your content volume and team: Sanity (structured content, editorial teams), Strapi (open-source, self-hosted), Payload (Node ecosystem), Contentful (enterprise). Markdown / MDX is also an option — for developer-friendly content.

How are SEO and Core Web Vitals ensured?

Our standards: Lighthouse 95+, LCP <1.2s, CLS <0.05, INP <200ms. Edge rendering, image optimization, font-display swap, critical CSS, preload strategies — all automatic. Checked with Lighthouse CI on every deploy.

What about migrating from our current site / system?

Two approaches: (1) Big bang: switch DNS once the new site is ready. (2) Strangler pattern: the new site runs alongside the existing one and URLs move over gradually. SEO redirects, 301s and sitemap updates are standard. No traffic loss.

What does hosting cost? Is there vendor lock-in?

Typical corporate site: ~$20-50/month (Vercel Hobby / Pro). High traffic (1M+ visits/month): $200-500/month. No lock-in — the code is yours, and we can move it to Cloudflare, Netlify, AWS or your own server whenever you like. We document every migration process.

Contact

Let's start with a UX audit.

In 1 week we X-ray your product — performance, UX, a11y, tech debt. We reply in under 24 hours.

We reply in under 24 hours.