Skip to content
mmINDEPENDENT MIND. SHARED AMBITION.
SENIOR FRONTEND ENGINEERMIAMI, FL · OPEN TO THE RIGHT TEAM

Marc Mathieu

Complex products,
carefully made.

Three different projects. The same attention
to how things look, feel, and work.

EXPLORE THE WORK
01 / COMMERCE / SUBSCRIPTIONS

AG1

Making a daily ritual feel effortless.

AG1 homepage hero introducing AG1 Pro beside a green travel pack and shaker
Subscription UI and APIs, Shop AG1, and cartVIEW PROJECT
02 / PLAY / CONFIGURATION

Battlefield

Complex choices. Your rules of play.

Official Battlefield 2042 key art with a soldier against teal and orange battlefield imagery
Weapons, equipment, and Experience configurationVIEW PROJECT
03 / DISCOVERY / CONNECTION

BeautyNexos

A platform for an industry in motion.

Warm sunlit beauty portrait with soft glass reflections for the BeautyNexos project
Calendar, payments, products, and galleriesVIEW PROJECT
SELECTED WORK / 2020—2026AG1: August 2026. BeautyNexos: editorial composition. Battlefield: EA key art, 2021. Current products may include subsequent changes.
All projects01 / 2023–2025 / CODE PARTICLE

AG1 · SUBSCRIPTION COMMERCE

A daily ritual.
Carefully connected.

I built the UI and APIs for AG1's subscription service, using Shopify selling plans to power Shop AG1 and the cart. I also helped lead frontend decoupling.

MY CONTRIBUTION
Subscription UI and APIs, Shop AG1, and cart
ENGAGEMENT
Frontend lead through Code Particle
2023–2025
BUILT WITH
React, Next.js, Shopify

THE PRODUCT PROBLEM

A choice on screen.
A subscription behind it.

Shopify provided subscription primitives, but not the complete product AG1 needed. The service had to handle product and cadence selection, carry those choices through the cart, and translate them into Shopify selling plans.

  1. 01Choose product
  2. 02Choose cadence
  3. 03Resolve market rules
  4. 04Review subscription cart
The public purchase journey, simplified.
01 / THE PURCHASE EXPERIENCE
Current AG1 Pro product page with monthly and three-month delivery options
Public AG1 Pro purchase flow, captured August 2026. The live storefront has changed since my 2023–2025 work.

THE WORK, UP CLOSE

SELECT A NOTE TO EXPLORE
01Carry the choice all the way through

Product and cadence selection had to become a consistent subscription choice through Shop AG1, the cart, and Shopify selling plans. I built the UI and APIs connecting those parts of the journey.

02Treat the cart as part of the product

I implemented the full cart experience for subscription and one-time purchases, as well as product-change flows. The responsibility extended beyond the purchase page into how people reviewed and changed their choices.

03Make room for different markets

I helped lead frontend decoupling and shared interface decisions, then shipped localized experiences across six international markets, including Monta pickup-point support.

WHAT SHIPPED

The work powered AG1's subscription shopping journey and supported six international markets.

Visit the current AG1 Pro flow (opens in a new tab)
Back to all projects
All projects02 / 2020–2021 / CODE PARTICLE

BATTLEFIELD 2042 · PORTAL BUILDER

Complexity.
Under control.

I helped build Battlefield 2042's web-based Portal Builder, turning dense game configuration into tools players could use.

MY CONTRIBUTION
Weapons, equipment, and Experience configuration
ENGAGEMENT
Frontend engineer through Code Particle
Mid-2020 — December 2021
BUILT WITH
Vue, Observables, CSS Modules
01 / WEAPON SELECTION
Official Battlefield Portal Builder interface for choosing available weapons
Weapon selection in the public EA Portal briefing. Official Electronic Arts image, published 2021.
02 / EQUIPMENT SELECTION
Official Battlefield Portal Builder interface for choosing available equipment
Equipment selection in the public EA Portal briefing. Official Electronic Arts image, published 2021.

THE PRODUCT PROBLEM

The Builder had to make a dense set of game options understandable while showing players how each choice affected the others.

THE WORK, UP CLOSE

SELECT A NOTE TO EXPLORE
01Make dense choices readable

I built the weapon and equipment selectors, including states for including, excluding, and reviewing available content. The work translated a large set of game options into browser interfaces players could understand.

02Keep configuration coherent

My scope also included custom Experience configuration. I contributed reusable interface patterns to the design system connecting these tools.

03Understand the team boundary

This was frontend work for Electronic Arts through Code Particle from mid-2020 through December 2021. It did not include game development or ownership of the Rules Editor.

WHAT SHIPPED

The configuration tools shipped with Battlefield 2042's Portal Builder and remain documented in EA's public launch material.

Open the Battlefield 2042 Builder (opens in a new tab)Read EA's Portal briefing (opens in a new tab)
Back to all projects
All projects03 / 2025–2026 / CODE PARTICLE

BEAUTYNEXOS · CROSS-PLATFORM PRODUCT

An industry.
In good company.

I led cross-platform work on Trade Calendar, payments, and member tools across BeautyNexos's Flutter app and Strapi platform.

MY CONTRIBUTION
Calendar, payments, products, and galleries
ENGAGEMENT
Senior engineer through Code Particle
2025–2026
BUILT WITH
Flutter, Strapi, Stripe

THE PRODUCT PROBLEM

Many moving parts.
One member experience.

BeautyNexos needed one member experience across events, content, and payments. My work connected calendar discovery, content tools, and payment flows across Flutter and Strapi.

01 / THE PUBLIC EXPERIENCE
BeautyNexos Trends page featuring lip care and sensory beauty stories
Public BeautyNexos Trends page, captured September 4, 2026. My work also includes member and platform areas beyond this public view.
02 / TRADE CALENDAR
BeautyNexos Trade Calendar with event filters and a featured event
Public BeautyNexos Trade Calendar, captured August 2026. Private member-management screens are intentionally excluded.

FIND THE RIGHT MOMENT

Dates. Places.
Possibilities.

Event browsing and filtering across dates, locations, categories, regions, and topics.

PUBLIC PRODUCT VIEW

THE WORK, UP CLOSE

SELECT A NOTE TO EXPLORE
01Help people find the relevant event

I built Trade Calendar browsing and filtering across dates, locations, categories, regions, and topics. The work included consistent event data and dates across the platform.

02Connect payments to the member experience

I implemented Stripe payment flows across Flutter and Strapi, working through payment and subscription states and member entitlements alongside the interface.

03Carry the experience across platforms

I delivered responsive homepage and member-dashboard experiences in Flutter, alongside product and gallery tools. The work included media validation and publishing state; private management screens are not included here.

WHAT SHIPPED

Members gained clearer ways to discover events and manage their content and payments.

Visit BeautyNexos (opens in a new tab)
Back to all projects

EXPERIENCE / 2014—2026

A decade of
connecting the dots.

Consumer products. Commerce. Creative tools.
A career spent making complex things usable.

2018–2026

Code Particle

Senior Software Engineer

Led frontend delivery for client products across commerce, subscriptions, game tools, security, and financial software.

2015–2018

SonicLoop Networks

Lead Software Engineer

Built responsive products and Node.js services while leading four junior developers.

2014–2015

Spatially

Software Engineer

Built frontend experiences for aboutPLACE and other products while serving as Scrum Master.

A LITTLE ABOUT ME

Hands on the details.
Eyes on the whole.

I’m Marc, a Miami-based senior frontend engineer with more than a decade of experience. I lead frontend work across disciplines while staying hands-on in the code, from early product decisions through production.

The longer story — résumé
04 / THE NEXT PROJECTYOURS + MINE

GOOD THINGS START WITH A CONVERSATION.

What should
we build next?

Email Marc
avianmathieu@gmail.com