PS260
Editorial & post-production · New York
A video-first showcase for a New York post house: continuous-scroll reels, fast playback, and a CMS the team runs themselves.
- Nuxt
- Storyblok
- Simian API
AvailableTaking on new projects
Sites that convert.Code that holds up.
Senior full-stack engineer in Los Angeles. I build fast websites, lead-generation systems, and AI products — then stay on the hook for how they perform. 15 years of React · Next.js · Nuxt in production, and you work with me directly.
Animated diagram: visitors from search, AI answers, paid, referral and social traffic flow through a site, speed, intake and CRM system into conversions. Illustrative only.
- Lead enginesThousandsof leads / month
- In production50+production domains
- Shipped100+products shipped
- Experience15 yearsin production
Sites I've built and shipped for creative studios, an independent magazine, a real estate developer, an investment firm, and a remembrance-travel guide. Each case study covers the brief, what I built, and what it proves.
Torment Magazine
Independent snowboarding media
The home of an independent snowboarding magazine: video parts, features, the print magazine, and a shop, in an editorial layout built around the footage.
Strada Investment Group
Real estate investment & development · San Francisco
A site for a San Francisco real estate developer that opens on the city itself: a full-bleed aerial film under one line, Projects With Impact.
Canada Remembers Guide
Remembrance travel · Free public guide
A free guide to Canadian WW1 and WW2 cemeteries and memorials in Europe, with 21 downloadable self-guided itineraries and guides.
I built the site around her routes: pick a war, a starting city, and one, two, or three days, and you get a self-guided itinerary with photos from every stop and a printable version to take on the road.
- Nuxt 3
- Vue 3
- Nuxt Image
- Pinia
- Nuxt i18n
- GA4
Shipped · notes from the case studies14 items
- Storyblok CMS so the PS260 team updates content and builds new pages without a developer.
- Full-bleed, continuous-scroll reels with dot-paginated section navigation for PS260.
- Nuxt static generation and server rendering for speed and search, with video playback tuned for a heavy PS260 frontend.
- A WordPress-to-Storyblok migration for HOUS: 373 journal posts and 42 listings, with 55 permanent redirects so legacy URLs land in one hop.
- A Storyblok content model with 5 content types and 25 nestable blocks, so HOUS editors compose pages in the Visual Editor.
- An editorial homepage for Torment Magazine that leads with a featured video and a grid of the latest parts and stories.
- Search across the Torment archive, plus sections for videos, features, the magazine, and the shop.
- A full-bleed aerial film of San Francisco under one line for Strada: Projects With Impact.
- 18 itinerary pages on Canada Remembers Guide, organized by war, departure city, and trip length.
- 21 downloadable itineraries and guides, including driving tips for France and how to find Canadian burials.
- The author’s own photography served as WebP and AVIF through Nuxt Image, with redirects for retired itinerary URLs and an XML sitemap.
- Hudson Artists reels pulled from the studio’s Simian library, so the team manages its work in one place.
- A portfolio for Nu Context that shows its range at a glance and lets the reels do the selling.
- A site for Burch Creative Capital that leads with the firm’s philosophy: “Creativity is our capital.”
I work with founders, marketing teams, agencies, and creative studios — on a single build or as the senior engineer on your team. The deliverable isn't a pile of code. It's leads, conversion, uptime, and a system your next engineer can inherit.
Websites & Web Apps
Custom marketing sites and web apps in React, Next.js, Vue, and Nuxt. Fast, accessible, SEO-ready, and easy for your team to update. The same stack I run for a 500+ person firm and my own SaaS products.
Lead Generation & Intake
Landing-page systems, conversational intake, UTM attribution, and A/B testing that tie ad spend to lead quality. The systems I run bring in thousands of leads a month across 50+ domains.
AI Codebase Rescue
Built it fast with Cursor, Lovable, or Bolt, and it works — in the demo? I audit, harden, and take ownership of AI-built apps before they meet real traffic, real money, or a security review.
AI Product Engineering
Claude and Gemini wired into real product flows: content generation, conversational intake, scoring, and recommendations. Shipped with evals, guardrails, and cost dashboards so it holds up in production.
Headless CMS
Storyblok, Sanity, Contentful, Payload, and headless WordPress behind a fast frontend, with content models editors actually understand.
Performance & Core Web Vitals
Pre-rendered and edge-rendered builds and Core Web Vitals fixes. Sub-second loads, zero layout shift, INP under 200ms.
Technical & AI SEO
Schema, structured data, crawl hygiene, and Core Web Vitals built into the engineering, plus optimization for Google AI Overviews, ChatGPT, and Perplexity.
Internal Tools, On Demand
The dashboards, Slackbots, and automations every team wants but never gets budget for. AI made small tools cheap to build; senior review makes them safe to rely on.
The stack — as named on the service pages
ReactNext.jsVueNuxtTypeScriptNode.jsStoryblokSanityContentfulPayloadWordPressSupabasePostgreSQLStripeClaudeGeminiVercelCloudflarePlaywright
Tailwind CSSDrizzle ORMNeonZodVercel AI SDKpgvectorImagenVeoGA4GTMHubSpotSalesforceGrowthBookMutinySegmentLighthouse CISearch ConsoleScreaming FrogGitHub ActionsSentryAstroStrapiPrismicInngest
Built into the work
- TypeScript end to end, strict mode and shared types, on React 19 / Next.js 16 or Vue 3 / Nuxt.
- WCAG 2.2 AA accessibility built into components, not retrofitted.
- Core Web Vitals budgets in CI. PRs that regress LCP, CLS, or INP get flagged.
- Edge deployment on Vercel, Cloudflare, or your hyperscaler of choice.
- Persistent UTM capture into your CRM: HubSpot, Salesforce, Pipedrive, or custom.
- Server-side tracking to mitigate cookie loss, on a clean GTM and GA4 event taxonomy.
- Playwright tests on cron. Every PPC landing page form submission validated on schedule.
- Live preview that matches production, with typed schemas so the frontend never breaks silently.
- Structured outputs with schema validation. No "the model usually returns JSON."
- Cost dashboard from day one. Per-feature AI spend, not just a Stripe invoice.
- Schema markup in code: Service, FAQ, Product, Article, Person, LocalBusiness.
- Fixed-fee audits with every finding ranked by severity, in plain language.
All servicesNot sure which one you need? Book a free 30-minute call.
Code got cheap. Judgment didn't.
AI lets anyone get a demo running in a weekend — your team, a contractor, me included. What didn't shrink is the gap between a demo and a system that survives real traffic, a security review, and a year of changes. I use AI tooling where it saves time, so you get the speed. What you're paying for is fifteen years of knowing what to merge, what to kill, and what never to build.
1000sLeads per monthFrom the marketing sites and intake systems I run for a 500+ person firm
50+Production domainsOwned end-to-end: architecture, performance, QA, and uptime
100+Products shippedClient and indie — including my own SaaS: EverAd · IntakeKit · FormForge
15 yrsProduction scar tissueDeloitte to agencies to my own SaaS. The part AI can't generate.
The process
Every change passes one gate.
01Brief becomes spec
Every ticket gets a one-page spec written in plain language: goal, constraints, affected areas, success criteria. The spec is the contract the work is measured against.
02Build fast, in small pieces
Work ships as small, reviewable changes, each with its own preview link. AI-assisted tooling handles the routine parts, which is where the speed comes from.
03Senior review at the gate
I read every PR before it merges. Architecture, security, performance budgets, data changes, API contracts. Speed is cheap now; I'm the quality bar and the accountability.
04CI catches the rest
Typecheck, lint, Playwright on critical flows, Core Web Vitals budget, preview deploy. The bar to merge is the same it always was. Only the cost of getting there collapsed.
cat spec/checkout-form.md
goalfewer steps, same data captured
constraintsno new deps · API contract frozen
affects/checkout · <AddressForm>
successcompletes on mobile, CWV in budget
spec locked: the contract for this PR
git log --oneline main..feat/checkout
a1f3c92extract <AddressFields>+84 −61
7be0d14validate on blur, not submit+22 −9
c09e5aaautofill city from postal code+31 −4
preview link posted on every push
review --gate #412
architecturematches spec
api contractunchanged
securityaddress fields sent to a 3rd-party tag
d4e81b0strip PII before tracking+12 −3
securityre-checked: clean
ci run
typecheck · lint · playwright
cwv budget · preview deploy
approved · merged
The toolkit
Process
- Written spec per feature
- Small, reviewable changes
- Documented decisions
- Async video walkthroughs
Stack
- React · Next.js
- Vue · Nuxt
- Node · PostgreSQL
- Headless CMS
Guardrails
- TypeScript everywhere
- Playwright on critical flows
- Vercel / Cloudflare previews
- CWV budget in CI
Model layer
- Claude · Gemini APIs
- Imagen · Veo for media
- Evals before shipping
- Cost & latency dashboards
Want to see the judgment part up close? Book a call and I'll walk you through a real pull request, end to end.
A senior engineer at every step.
No agency layers. No handoff drift. You work directly with the person writing the code, integrating the APIs, and keeping it running after launch.
- Step 01 / 05 · Scope
Discovery & Scoping
A working session to map the problem. We pressure-test your goals against the real constraints — traffic, content cadence, team capacity, integrations — and you get a written scope with milestones, success metrics, and a clear recommendation.
- Step 02 / 05 · Architecture
Architecture & Stack Decisions
The right stack for your team, not the trendy one. Next.js or Nuxt, headless CMS or static, edge or serverless. Every decision is written down with its trade-offs, so you and future engineers know why.
- Step 03 / 05 · Build
Build in Sprints, Preview Everything
Two-week increments with a live preview link on every change, so you see progress as it lands — not at the end. Typed APIs, tested integrations, and automated tests on the flows that make you money.
- Step 04 / 05 · Harden
Performance, Accessibility & SEO
Core Web Vitals budgets enforced on every change. WCAG 2.2 AA accessibility. Structured data, sitemap, and social cards checked per template. Analytics and conversion tracking wired before launch, not bolted on after.
- Step 05 / 05 · Launch
Launch, Measure, Improve
Cutover with a rollback plan, real-user monitoring, and a dashboard for the numbers that matter. Then we iterate on what the data says, not what felt good in the meeting.
Ready to scope a project?
Most projects start with a free 30-minute call. Bring the problem; leave with a recommended approach and a rough estimate. No pitch deck.
Every engagement includes
- A written scope with milestones, success metrics, and a clear recommendation.
- Decisions on paper. Every stack choice written down with its trade-offs.
- A preview link on every change, so you see progress as it lands.
- Small, reviewable changes, each read by a senior engineer before it merges.
- Typed APIs and tested integrations, with Playwright on the flows that make you money.
- Core Web Vitals budgets enforced on every change.
- WCAG 2.2 AA accessibility.
- Structured data, sitemap, and social cards checked per template.
- Analytics and conversion tracking wired before launch, not bolted on after.
- A rollback plan for every cutover.
- Real-user monitoring and a dashboard for the numbers that matter.
- Async video walkthroughs and documented decisions you keep.
In a client’s own words: what it took to go from a concept video to a launched, high-performance site.
His forward-thinking approach to web development elevated our brand’s online presence from just a concept video to a fully realized, high-performance site.
Jonathan Lasker, PS260
Working with Raffi has been an outstanding experience. His forward-thinking approach to web development elevated our brand’s online presence from just a concept video to a fully realized, high-performance site. From the very beginning, he guided us through crucial decisions — like optimal design resolutions and responsive breakpoints across all screen sizes.
Raffi’s exceptional communication skills and patience stood out throughout the project — he always took the time to explain complex ideas clearly and made sure we felt confident at every step. He seamlessly led us through everything from server-side setup to the site’s launch, leveraging Nuxt.js features like automatic routing, static site generation, server-side rendering, and performance optimization to ensure a fast, scalable, and future-ready web experience. He also integrated a custom CMS that makes updating our content and building new pages simple, even for non-developers.
Built for08 case studies
- PS260Editorial & post-production · New YorkCase study
- HOUSReal estate · Los AngelesCase study
- Torment MagazineIndependent snowboarding mediaCase study
- Strada Investment GroupReal estate investment & development · San FranciscoCase study
- Canada Remembers GuideRemembrance travel · Free public guideCase study
- Hudson ArtistsEditorial & post-production · DetroitCase study
- Nu ContextCreative production companyCase study
- Burch Creative CapitalInvestment firm · Consumer brandsCase study
The tallySystems that compound
- 01Leads a month
From the marketing sites and intake systems I run.
- 02Production domains
Owned end-to-end: architecture, performance, QA, and uptime.
- 03Products shipped
Client and indie, including my own SaaS.
- 04Production scar tissue
React, TypeScript, and Next.js in production. The part AI can’t generate.