Advanced Design Systems& Production Engineering
UI/UX Engineer specializing in building themeable component architectures, performance optimization, and institutional-grade digital accessibility compliance.
About Me
UI Engineer and Design Systems Lead specializing in building accessible, component-driven web architectures.
With a history of working in design and engineering, my technical approach centers on building highly optimized custom frameworks from the ground up, emphasizing semantic HTML and custom layout systems over third-party utilities. This ensures complete control over design token integrity, browser performance, and WCAG compliance.
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.