About Me

Hello

I'm Marco, a UI Engineer in New York City specializing in design systems, accessibility (WCAG), 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 UI layer for a headless application in React, Next.js, and TypeScript. Before that, I worked on high-traffic pages at Bloomingdales and component tooling 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 (WCAG)
Responsive Design
Performance*

JS & FRAMEWORKS

JavaScript (ES6+)
TypeScript
React
Next.js

TOOLS & WORKFLOW

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

Areas of Focus

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

COLLABORATION
Cross-Functional Teams (Design, UX, Product, QA)
Design-to-Code Translation
UI Standards & Best Practices

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

Led the creation of a centralized design system scaling across 19 e-commerce brands. Built with a Sass-based token architecture, the system features a CSS-first component library covering buttons, form elements, modals, navigation, alerts, and more — each with full interactive state documentation (default, hover, focus, disabled). The theming layer uses brand-level Sass variables mapped to CSS custom properties, allowing each brand to maintain its visual identity from a single codebase.

Key decisions included advocating for a CSS-first approach that minimized JavaScript dependencies, ensured cross-browser support, and leading an isolation strategy during the SiteGenesis-to-SFRA platform migration that separated legacy code from new components — enabling the design system to become the company-wide standard.

Contact Me