FYNX FORGE
Back to Work
[ Case Study · 01 / Headless E-Commerce ]

A premium headless storefront for a Saudi DTC label.

KryticalStyle approached us to build a digital flagship that could stand alongside Fear of God Essentials and Represent — engineered for performance, designed for prestige, and fully compliant with KSA's regulatory landscape.

Client

KryticalStyle

Industry

Premium DTC Streetwear

Region

Saudi Arabia

Year

2025

<2.5s
Mobile LCP · 4G
90+
Lighthouse Score
100%
ZATCA Phase 2 Coverage
2
Native Languages · EN/AR
/ The Challenge

Premium e-commerce in KSA is more than a translation job.

Selling at this tier in the Saudi market requires deep regulatory fluency, true Arabic-first design, and a payment ecosystem that off-the-shelf platforms simply can't reach.

/ 01 · Regulatory

ZATCA Phase 2 + PDPL

Mandatory e-invoicing, VAT structures, and the new Personal Data Protection Law — all enforced on every transaction.

/ 02 · Localization

Arabic as a primary experience

Perfect RTL rendering, Saudi National Address validation, and typography that respects both scripts equally.

/ 03 · Payments

A complex local ecosystem

Mada, STC Pay, Apple Pay through Moyasar — plus Tabby and Tamara for BNPL with installment previews.

/ 04 · Performance

Premium visuals at <2.5s LCP

3D WebGL hero, GSAP scroll choreography, all without breaking strict mobile performance budgets on 4G.

/ The Solution

A next-generation headless architecture.

We decoupled the presentation layer from the commerce engine — giving KryticalStyle the design freedom of a bespoke storefront and the operational reliability of a battle-tested commerce backend.

/ Frontend

Immersive & Lightning-Fast

  • Next.js 15 (App Router) · React 19 · TypeScript
  • Tailwind CSS v4, GSAP ScrollTrigger, Framer Motion
  • React Three Fiber for a bespoke 3D monogram, with graceful 60fps degradation
  • next-intl with logical CSS properties for true bidirectional UI
/ Backend

Robust, Scalable & Compliant

  • Medusa.js v2 · Node · TypeScript · PostgreSQL · Redis
  • Meilisearch with custom Arabic tokenizers and stop-words
  • Cloudflare R2 object storage, optimized for Middle East delivery
  • Resend + React Email for transactional flows
/ Compliance

Mastering KSA localization & compliance.

This is where most off-the-shelf platforms quietly fail. We built the integrations that the Saudi market actually requires — from scratch.

ZATCA Phase 2 E-Invoicing

Automated UBL 2.1 XML invoice pipeline with Base64-encoded TLV QR codes, integrated with approved providers (Wafeq / ClearTax) for cryptographic stamping and ZATCA portal clearance.

Localized Payments & BNPL

Custom Medusa providers for Moyasar (Mada, Apple Pay, STC Pay) and deep Tabby + Tamara integrations, including dynamic installment previews on PDPs and intelligent pre-scoring.

PDPL Privacy Compliance

Default-deny cookie consent, transparent cross-border transfer disclosures, and a 30-day automated PII deletion flow that anonymizes financial records for tax retention.

/ Identity

Designed to feel expensive — without ever being loud.

A restrained palette, a high-contrast type pairing, and Arabic typography that genuinely matches the geometric rhythm of the Latin set.

Deep Black#0A0A0A
Off-White#F5F2EC
Champagne Gold#C9A961
Editorial New Söhne IBM Plex Sans Arabic WCAG 2.2 AA RTL-Native Typeset for x-height parity
/ Operations

A custom admin panel built for the team that runs the brand.

Off-the-shelf dashboards weren't going to cut it. We designed and built a bespoke admin experience — visual, fast, and tuned to KryticalStyle's actual operating rhythm.

Smart Insights

Live revenue, conversion, AOV, and SKU velocity surfaced in a single overview — with drilldowns that don't require an analyst.

Visual Analytics

Custom charts, cohort views, and inventory health graphs — built for the way KryticalStyle drops products and reads its market.

Effortless Operations

Easy-to-use product, order, and content management — the team ships campaigns and edits the storefront without engineering tickets.

/ Outcomes

A flagship that positions KryticalStyle as a tier-one brand.

/ Performance

Lighthouse 90+ on Mobile

LCP consistently under 2.5s on throttled 4G — without compromising on the 3D hero or scroll choreography.

/ Scalability

Hype-drop ready

The decoupled architecture absorbs traffic spikes without backend bottlenecks, and scales product lines independently.

/ Operations

Zero compliance overhead

ZATCA stamping and unified fulfillment routing (SMSA Express / Aramex) run on autopilot — the team focuses on product, not paperwork.

/ Brand

Premium tier positioning

A storefront that genuinely competes with international references — built and operated entirely from the region.

Next.js 15 Medusa.js v2 React 19 TypeScript Tailwind v4 GSAP Framer Motion React Three Fiber PostgreSQL Redis Meilisearch Cloudflare R2 Moyasar Tabby Tamara ZATCA · Wafeq Resend SMSA · Aramex

Have a project that can't use a template?

If you're shipping into the Kingdom of Saudi Arabia and you need engineering that respects your market — let's talk.