About Me

Hello


I'm Marco, a UI Engineer in New York City specializing in design systems, accessibility (WCAG 2.2), and performance. For 12+ years, I've built scalable component libraries and interfaces where thoughtful HTML, CSS architecture, and attention to detail make a real difference.

Most recently, I led the creation of a multi-brand design system serving 19 e-commerce brands at FullBeauty Brands — a CSS-first component library with token-based theming and interactive documentation. I also built the production-ready UI layer for a headless application in React, Next.js, and TypeScript, translating design intent into high-fidelity, scalable code. Before that, I shipped components for high-traffic pages at Bloomingdales and built reusable templates at Sprinklr.

CSS is my happy place. I got into web development tinkering with HTML at my first job out of college, and that curiosity is what drives me today — building interfaces that are accessible, performant, and built to scale.

Technical Skills


CORE

HTML5
CSS3 | Sass
Design Systems
Accessibility
Responsive Design
Performance*

JS & FRAMEWORKS

JavaScript (ES6+)
TypeScript
React
Next.js

TOOLS & WORKFLOW

AI Development**
Git
Storybook
Node.js
Jest
* Core Web Vitals
** Claude, GitHub Copilot

Areas of Focus


SPECIALIZATIONS

Design Systems & Component Libraries
CSS Architecture & Theming
WCAG 2.2 / ARIA Accessibility
Performance Optimization
Mobile-First / Responsive Design
Semantic HTML

COLLABORATION

Cross-Functional Teams (Design, UX, Product, QA)
Cross-Team Influence & UI Standards
Design-to-Code Translation

TOOLS

VoiceOver (macOS)
Lighthouse
Adobe XD

PLATFORMS

Salesforce Commerce Cloud (SFCC)
Azure
Jira

LANGUAGES

English (native)
Spanish (fluent)

Featured Work

FullBeauty Brands Design System

FullBeauty Brands Design System


A centralized design system scaling across 19 e-commerce brands, built on a Sass-based token architecture. The CSS-first component library covers buttons, form elements, modals, navigation, alerts, and more — each with full interactive state documentation (default, hover, focus, disabled). Brand-level Sass variables mapped to CSS custom properties allow each brand to maintain its visual identity from a single codebase.

Contact Me