Skip to content

Romain Pena Ruiz

Shopify & Frontend Developer — Custom Storefronts, Apps, Integrations & Backend Systems

rom.penaruiz@gmail.com · (514) 415-4450 · Montreal, QC · romainpena.com · linkedin.com/in/romainpenaruiz

Shopify & frontend developer with 6+ years building custom storefronts, backend integrations, and web experiences — from pixel-perfect Figma implementations to production backend services. Specialist in Shopify's deeper platform: custom apps, Checkout UI Extensions, Shopify Functions, metaobjects, and multi-store architectures. A background in psychology informs a user-first approach to every interface. Now independent, collaborating with agencies, designers, and product teams.


Experience

Field Office

Full Stack Developer · Jun 2021 – Oct 2025 · Montreal, QC

  • · Architected a multi-store Shopify platform for Yves Légaré — three storefronts sharing a codebase synced via GitHub Actions, with a custom backend API pushing unique metaobject data per store via webhooks
  • · Built the full custom feature layer: metaobject-driven obituary system with client-side paginated search from custom backend endpoints, predictive search, condolence popover, product engraving into checkout line-item properties, flower ordering tied to obituaries, bilingual FR/EN, and PDF generation
  • · Built the full Atari Shopify storefront from Figma — two custom product page layouts, custom search and cart flyout, market detection, and a Node.js/Express fulfillment backend syncing orders to Trevco via HMAC-verified webhooks and Supabase-backed order tracking
  • · Built a Next.js integration backend for Animo et Compagnie syncing a proprietary POS catalog, inventory, loyalty points, and multi-location order fulfillment with Shopify; custom Shopify Function for loyalty points redemption at checkout
  • · Built a Shopify Checkout UI Extension for Jayson Home — real-time metafield writes, dynamic gift message and cart-line attribute cleanup (Remix, React, TypeScript); retainer including homepage, cart, and nav redesigns
  • · Architected a bilingual headless CMS site for Octasic (Next.js + Sanity) — 44-component page builder, custom dual-locale routing; led Sanity v2 → v3 migration
  • · Delivered pixel-perfect Liquid storefronts for TOGETHXR and &OR Collective; serverless wishlist backend (Next.js + Vercel Cron) using Shopify customer metafields as a database-free data store

Le Wagon Montreal

Teaching Assistant · Mar 2021 – Jan 2025 · Montreal, QC

  • · Supported career-changers building full-stack projects in Ruby on Rails, REST APIs, SQL, and JavaScript; hands-on guidance through architecture, debugging, and shipping

Beslogic Inc

Full Stack Developer · Sep 2019 – Apr 2020 · Montreal, QC

  • · Full-stack development on enterprise web applications using C#, ASP.NET Core, Angular, and TypeScript
  • · Collaborated with a team to plan, build, and maintain robust solutions; wrote extensible code and improved existing interfaces and performance

Education

Le Wagon

Web Development Bootcamp · 2019 · Montreal

Cal State Long Beach

BA Psychology · 2018 · Long Beach, CA


Skills

Shopify Theme dev · Liquid · Checkout UI Extensions · Shopify Functions · Custom Apps · Metaobjects · Admin API (REST + GraphQL) · Multi-store · Klaviyo · GTM
Frontend React · Next.js · TypeScript · Tailwind CSS · GSAP · Framer Motion · Webflow · Web Components
Backend Node.js · Express · Supabase · REST APIs · Webhooks · C# · ASP.NET · Docker · Vercel
CMS Sanity (v2 + v3) · Contentful · Prismic
Tooling Figma · Cloudinary · GitHub Actions · Make.com · Cursor · GitHub Copilot