Advanced Design Systems& Production Engineering
UI/UX Engineer specializing in building themeable component architectures, performance optimization, and institutional-grade digital accessibility compliance.
About Me
I'm a UI Engineer and Design Systems Lead specializing in building accessible, component-driven web architectures.
With over a decade of experience bridging the gap between design vision and enterprise-grade engineering, I craft highly optimized, themeable custom frameworks that scale seamlessly across distributed teams. I design and build from the ground up, prioritizing semantic markup and custom layout frameworks over generic utility libraries. This approach ensures complete design token integrity, highly performant browser execution, and zero-compromise control over digital accessibility pipelines.
Pillars of Practice
System Architecture
Scaling visual consistency through strict design tokens and modular systems.
- Component-driven design pipelines
- Themeable CSS framework design
- Cross-functional token handoffs
Production Engineering
Writing high-fidelity, production-ready frontend applications.
- React, Next.js, and TypeScript stacks
- State machine & core logic integrity
- Web Vitals & speed optimization
Digital Governance
Guaranteeing baseline user inclusion through explicit engineering compliance.
- WCAG 2.1 AA execution
- Section 508 accessibility auditing
- Keyboard-focus containment & ARIA specs
Professional Experience
Over a decade of experience designing and engineering accessible, high-performance web applications for enterprise and government clients.
Freelancing
- Designed and engineered responsive, high-performance web applications for local businesses using React, Next.js, TypeScript, HTML, and CSS.
- Architected bespoke, scalable CSS frameworks and design systems from the ground up, delivering highly optimized, brand-specific interfaces tailored to client needs.
- Championed digital inclusivity by developing interfaces strictly compliant with WCAG 2.1 AA, ADA, and Section 508 standards, ensuring accessible and equitable user experiences.
- Established secure, local-first workflows and project management environments for clients, prioritizing data privacy and efficient task governance throughout the development lifecycle.
- Bridged the gap between initial brand strategy and technical execution, translating small business objectives into modern, engaging digital products.
CVP (Customer Value Partners)
- Maintained a cross-platform design system adopted by over 10+ internal teams, ensuring consistency, scalability, and code integrity within a secure government environment.
- Drove strict compliance with WCAG 2.1 AA and Section 508, which involved rigorous design audits and accessibility testing cycles.
- Streamlined user experiences for federal digital platforms, including myUSCIS, using data-driven research and usability testing that resulted in quantified improvements to user task-completion rates and satisfaction scores.
- Collaborated with cross-functional stakeholders to deliver inclusive, high-performing web applications.
Seton Hall University
- Established and enforced institutional A11y Standards across the university's digital ecosystem, standardizing front-end UI components to achieve 100% ADA and Section 508 compliance and successfully mitigating significant legal risk.
- Modernized the university's digital presence by designing and building intuitive, mobile-first web applications for students, parents, and employees.
- Partnered with senior leadership to align all digital initiatives with institutional goals, embedding design thinking and accessibility-first principles into daily development workflows.
Launch 3 Ventures
- Developed responsive websites, email templates, and a warehouse application for multiple subsidiary brands to drive brand engagement.
- Created and managed high-performing digital ad campaigns for subsidiary brands.
- Enhanced overall digital marketing performance through improved UX, faster load times, and unified front-end branding.
- Empowered internal teams by providing targeted training on social media and advertising strategy.
NWD (NewWebDesign.com)
- Developed custom e-commerce and CMS solutions using PHP and MySQL, leveraging platforms like Joomla and Drupal.
- Enhanced user experience and search ranking by optimizing SEO and improving site load speeds by up to 30%.
- Managed data-driven email marketing campaigns, resulting in boosted client engagement.
Starlight Tattoo
- Identified and eliminated over $100,000 (annually) in operational waste within the first 30 days through technical stack audits and process automation for a global retail/e-commerce brand.
- Directed global teams to elevate major tattoo industry brands, leading efforts to build UX/UI for high-profile projects and creating a standardized, cross-channel marketing system for product management.
- Engineered the technical launch and international scaling of flagship retail locations, including managing localized content, complex multi-region payment systems, and executing the technical design for a Guinness World Record-holding art piece.
- Grew into the lead front and backend developer/graphic designer, managing digital, print, and physical platforms.
Expertise
A comprehensive index of engineering standards, core technologies, and focus competencies.
- UI/UX Design
- CX Design
- Graphic Design
- Front-End Development
- Back-End Development
- Fullstack Development
- Web Development
- Mobile App Development
- Accessibility (A11y) Design
- Responsive Design
- Design Systems
- User Research
- Usability Testing
- Information Architecture
- Interaction Design
- Visual Design
- Prototyping
- Wireframing
- HTML
- CSS
- JavaScript
- React
- Next.js
- Node.js
- PHP
- MySQL
- Joomla
- Drupal
- SEO
- Email Marketing
- Social Media Marketing
- Digital Marketing
- Project Management
- Agile Methodologies
- Team Leadership
- Cross-Functional Collaboration
- Problem Solving
- Critical Thinking
Architecture & Engineering Lab
Production-grade component systems, deep accessibility compliance tools, and performance-focused web utilities built from the ground up.
Ploos Utilities
A fast, lightweight application serving as a home for simple, high-performance digital utility tools.
Engineering Impact
Focused on minimal bundle sizes, blazingly fast interaction times, and clean utility logic.
Brutl Studio
A creative, collaborative sandbox environment used to push the limits of experimental layouts, interactive animations, and cutting-edge web design.
Engineering Impact
Serves as a design-forward playground to display highly interactive client concepts and experimental interfaces.
Design System Tokens-to-Code Visualizer
An interactive specification environment showcasing dynamic theme variation, high-contrast compliance toggles, and absolute component resilience engineered on a custom layout framework.
Key Metrics
- Zero utility-library dependencies
- Passes 100% strict keyboard navigation spec
Engineering Impact
Demonstrates advanced token architecture, deep browser rendering control, and strict layout isolation without relying on generic utility-first styles.
Get In Touch
Have a project in mind, a question about design systems, or want to talk accessibility? Fill out the form below and I'll get back to you shortly.