Skip to content

◌ Folio MMXXVII

Loading folio

000

§ Services & Process

Expertise&Engagements.

Specialising in high-end digital experiences. Merging technical precision with editorial art direction to create award-winning interactive platforms.

  • Booking

    Q2 — Q4 / 2027

  • Models

    Project · Retainer

  • Industries

    SaaS · AI · Studios

  • Time zone

    GMT+6

◊ Tiers

Three ways to work together.

  • §012–3 weeks

    Sprint

    A focused 2–3 week burst. We pick one painful surface and turn it into a high-fidelity, production-ready slice.

    • 1 hero / landing surface
    • 1 motion system + interaction spec
    • Hand-off + Loom walkthrough

    Best for

    Pre-seed teams who need a hero moment yesterday.

    From

    From $4,800

  • §026–9 weeks

    Engagement

    A 6–9 week embedded build covering everything from art direction to shipped front-end.

    • Full marketing site (8–12 routes)
    • Custom WebGL hero / interaction layer
    • Editorial typography + design tokens
    • CMS-ready handover (MDX or Sanity)

    Best for

    Series-A studios shipping a flagship site of the year contender.

    From

    From $14,400

  • §033–6 month minimums

    Retainer

    A monthly partnership: I’m the always-on creative partner for your most ambitious moments.

    • Weekly creative direction + paired build sessions
    • Quarterly identity + motion refresh
    • Award submissions + launch press kits
    • Performance + accessibility quarterly review

    Best for

    In-house creative teams that need a senior partner without a senior hire.

    From

    $8,800/mo

◊ Capabilities · what each tier draws from

  • 01

    Creative Development

    Pushing the boundaries of the browser. Custom 3D environments, complex shader materials, and fluid particle systems that respond to interaction with microscopic precision.

    • WebGL
    • Three.js
    • GLSL
    • GSAP
  • 02

    UI / UX Design

    Crafting minimalist, intuitive interfaces that prioritise content and motion. Rigid grids and editorial whitespace to frame digital narratives effectively.

    • UI / UX
    • Design Systems
    • Webflow
    • Framer
  • 03

    Art Direction

    Defining the visual language. From typography selection to color grading and motion choreography, every pixel aligns with the core brand identity.

    • Art Direction
    • Logo & Branding
    • Typography
    • Motion
  • 04

    Full-Stack Engineering

    Production-grade systems with AI integration. Full-stack architecture, edge deployments, real-time pipelines, and pragmatic dev-ex.

    • Next.js
    • Node / Python
    • AI / RAG
    • DevOps

◊ Process

Concept to Shader.

  1. Phase I

    Discovery

    Understand narrative constraints. Map the audience, the systems, and the technical envelope before a single pixel.

  2. Phase II

    Design

    Establish the visual grid, typography rules, and static art direction. Prototype the silence between elements.

  3. Phase III

    Prototype

    Draft core WebGL scenes, motion curves, and the choreography between page transitions and content systems.

  4. Phase IV

    Production

    Write custom GLSL shaders, build the engineering layer, ship with measurable performance and accessibility.

◊ Engagements

  • Fixed scope, 4 — 12 weeks

    Project

    Sites, microsites, and case-study pages. Discovery → Production with measurable performance and a public outcome.

  • Monthly, 30h+

    Retainer

    Ongoing creative engineering, motion systems and design support. For studios and AI-native product teams shipping quickly.

  • Long-term, embedded

    Studio Lead

    Lead creative engineering inside a product team. Build motion systems, hire, and codify a craft language.