Profile
Senior Front-End Developer & UI Designer with 15+ years' experience bridging design and development for enterprise brands and marketing-driven organizations. Proven ability to deliver accessible, production-ready interfaces, from design system architecture to component-level code, across CMS platforms, SaaS products, and large-scale brand ecosystems. Strong foundation in React and modern JavaScript, with expert-level CSS and a design background that most developers don't have.
Senior UI/UX Designer & Front-End Developer with 15+ years' experience creating intuitive, visually compelling digital products for enterprise brands and marketing-driven organizations. Deep expertise in end-to-end design—from user research and wireframing through high-fidelity prototyping and production-ready design systems—combined with the rare ability to personally implement designs with precision. I bridge the gap between creative vision and technical execution, speaking both design and engineering fluently to deliver experiences that look exceptional and perform flawlessly.
Skillset
- Design & Prototyping Tools
- Figma • Adobe XD • Adobe Photoshop • Adobe Illustrator • Sketch
- Design Systems Architecture
- Components, tokens, variant logic, documentation in Figma; implementation in React / TypeScript
- UX / UI
- Wireframing • Prototyping • Accessibility (WCAG 2.1 AA) • Responsive & mobile-first design
- Visual Design & Branding
- Typography • Color systems • CSS Grid
- Custom HTML Email Marketing
- HTML • CSS • AMP Script • Litmus • Email on Acid
- Front-End Development
- HTML • SCSS / Tailwind CSS • Vanilla JavaScript (ES6) • React • TypeScript
- CMS Platforms
- WordPress / MySQL (Gutenberg, ACF) • Adobe Experience Manager (AEM) • Staffbase • Salesforce Sales Cloud and Service Cloud
- Animation & Motion
- GSAP • CSS animations • Web Animations API
- Tooling & Workflow
- GIT • Node.js • Vite • VS Code • Agile / JIRA
- AI & Generative Tools
- Claude Code • Gemini • ChatGPT / Codex • Midjourney • Adobe Firefly
- Design & Prototyping Tools
- Figma • Adobe CC (Photoshop, Illustrator, XD)
- UX Research & Strategy
- Wireframing • User flows • Journey mapping • Information architecture • Competitive analysis
- UI Design & Visual Systems
- Typography • Color theory • Component libraries • Design tokens • Responsive & mobile-first design
- Design Systems Architecture
- Component design, variant logic, auto-layout, documentation in Figma; implementation in React / TypeScript
- Accessibility & Compliance
- WCAG 2.1 AA • Semantic HTML • ARIA patterns • Keyboard navigation
- Interaction & Motion Design
- GSAP • CSS animations • Web Animations API • Micro-interactions
- Front-End Implementation
- HTML • SCSS / Tailwind CSS • JavaScript (ES6) • React • TypeScript
- CMS & Platform Experience
- WordPress (Gutenberg, ACF) • AEM • Staffbase • Salesforce Experience Cloud
- Tooling & Process
- Figma Dev Mode • Zeplin • inVision • Agile / JIRA • GIT • VS Code
Work Experience
October 2025 – January 2026
- Enterprise-Scale Intranet Redesign: Supported AEP's $20B Fortune 250 energy organization (16,000+ employees) in migrating and modernizing 1,200+ Staffbase pages—improving usability, accessibility, and brand consistency across corporate communications.
- Custom Staffbase Development: Built and refined reusable React + TypeScript widgets to extend platform functionality and performance, aligned to AEP's design and accessibility standards.
- Design System Implementation: Integrated AEP's evolving system through modular SCSS architecture, ensuring visual cohesion and responsive layouts across microsites.
- Accessibility & UX Optimization: Audited and improved global CSS and content patterns for WCAG compliance while aligning creative direction with IT and design stakeholders.
April 2025 – August 2025
- Enterprise-Scale UI/UX Overhaul: Led the front-end redevelopment of a $3.4B healthcare staffing firm's marketing site under a condensed contract, modernizing the interface for accessibility, responsiveness, and brand cohesion across a fragmented design ecosystem.
- Legacy Blade Integration with Modern Design Systems: Integrated new UI components into a legacy Laravel Blade/Bootstrap 4.4 architecture using SCSS, ES6, and NPM workflows—maintaining compatibility with existing code while improving scalability and maintainability.
- Design System Architecture & Figma Consulting: Collaborated with in-house designers to define scalable design system foundations in Figma, advising on reusable components, spacing tokens, and UX consistency across templates and variants.
- Accessibility & Mobile Optimization: Delivered WCAG-compliant, mobile-first layouts using semantic HTML, ARIA attributes, keyboard navigation, and performance-optimized styles to meet modern accessibility and usability standards.
- Web Animation & Interaction Design: Created smooth, brand-aligned animations using CSS and keyframe techniques to elevate user engagement and reinforce visual hierarchy without compromising performance.
- Autonomy & Cross-Team Alignment: Operated independently in a high-pressure, fast-turnaround setting—translating stakeholder needs into technical solutions while guiding both design and development teams toward unified goals.
October 2023 – April 2025
- Product UI & Data Visualization: Led front-end development of a SaaS platform integrating Salesforce CRM data and advanced graph visualization tools, building dynamic, data-rich interfaces to model complex organizational relationships.
- Front-End Architecture & Application Development: Developed responsive, accessible user interfaces using React, JavaScript (ES6), and SCSS within a modern Vite-based workflow, ensuring performance and scalability across devices.
- Interaction Design & Motion Systems: Designed and implemented high-performance animations using GSAP and CSS, enhancing usability and guiding user interaction through meaningful motion and visual feedback.
- Design Systems & Prototyping: Created high-fidelity prototypes, wireframes, and reusable design system components (including Salesforce Lightning components), establishing a cohesive UI framework across the product.
September 2021 – Present
- Award-Winning UX & Design: Designed and developed an admissions website recognized nationally for its user experience and visual design, enhancing engagement with prospective students.
- Design Systems & Front-End Development: Built and maintained custom WordPress components and interactive UI elements using HTML, SCSS/CSS, and JavaScript, supporting a consistent and scalable design system across the college's web presence.
- Information Architecture & Content Strategy: Led migration from Sitefinity to WordPress, consolidating 75+ department sites into 40 through improved information architecture and UX strategy.
- Interactive Application Development: Designed and developed a custom ticketing portal prototype using React, featuring role-based views, dynamic data handling, and real-time UI updates to improve internal workflows and user experience.
July 2018 – July 2023
- Reusable Component Library: Managed and expanded a library of reusable, white-label components for GM brand websites, utilizing Handlebars, JavaScript (ES6), and SCSS within a Node/React engine to streamline scalable development across multiple applications. Consistently recognized by management as a top CSS developer for technical proficiency and code quality.
- Interactive UX Experiences: Built high-impact components like vehicle colorizers, EV maps, and savings calculators, enhancing user engagement for GM's digital promotions and branding campaigns.
- Cross-Functional Prototyping: Partnered with the UI/UX team to convert creative concepts into functional prototypes using Figma, inVision, and Zeplin, integrating directly into development workflows.
- Brand Standards Compliance: Rigorously adhered to GM's brand guidelines for colors, typography, and layout, ensuring a consistent and cohesive user experience across all digital platforms.
October 2015 – July 2018
- Component Development & Design Systems: Developed and scaled reusable UI components within UHG's AEM ecosystem, contributing to a multi-brand design system that improved consistency, maintainability, and development efficiency across enterprise healthcare platforms.
- Interactive Tools & Data Visualization: Built interactive, data-driven healthcare tools, including a health savings estimator, enabling users to model projected medical costs and financial outcomes (Health Savings Checkup).
- Dashboard Development & Financial UX: Designed and implemented financial dashboard interfaces for Optum Bank, translating complex health and account data into clear, actionable user experiences (Optum Dashboard).
- Agile Collaboration & Consumer-Facing Platforms: Collaborated in Agile teams to deliver consumer- and provider-facing applications, improving usability and engagement across wellness and benefits platforms (Health Allies).
October 2025 – January 2026
A
- Design Systems Standardization: Led the visual and interaction design standardization across 1,200+ intranet pages, defining component patterns, spacing systems, and accessibility guidelines for AEP's Staffbase ecosystem.
- UX Audit & Remediation: Conducted comprehensive accessibility and usability audits across corporate communications, identifying WCAG compliance gaps and delivering design solutions that improved both brand consistency and user experience.
- Design/Dev Bridge: Translated stakeholder and IT requirements into clear design direction, aligning cross-functional teams on visual standards, interaction patterns, and component architecture.
- Component Design & Documentation: Designed and documented reusable React + TypeScript widget patterns in Figma, establishing scalable design system foundations for AEP's intranet platform.
April 2025 – August 2025
- UI/UX Design Lead: Owned the visual and interaction design of a $3.4B healthcare staffing firm's marketing site overhaul—defining a cohesive design language and delivering a significantly modernized brand experience within a condensed timeline.
- Design System Architecture: Built scalable design foundations in Figma, defining component libraries, spacing systems, typography scales, and color tokens that enabled consistent UI production across all page templates and variants.
- Figma Consulting: Advised in-house designers on component structure, auto-layout patterns, and variant naming conventions to ensure design assets translated cleanly and efficiently into development.
- Accessible Design: Produced WCAG 2.1 AA-compliant layouts with a focus on mobile-first responsiveness, keyboard navigation, and semantic HTML structure.
- Motion & Interaction Design: Designed smooth, brand-aligned animations and micro-interactions to elevate engagement and reinforce visual hierarchy throughout the redesigned experience.
- Autonomy & Cross-Team Alignment: Operated independently in a fast-turnaround environment, translating business needs into design solutions while guiding both design and development teams toward unified creative goals.
October 2023 – April 2025
- Product UI & Data Visualization: Led front-end development of a SaaS platform integrating Salesforce CRM data and advanced graph visualization tools, building dynamic, data-rich interfaces to model complex organizational relationships.
- Front-End Architecture & Application Development: Developed responsive, accessible user interfaces using React, JavaScript (ES6), and SCSS within a modern Vite-based workflow, ensuring performance and scalability across devices.
- Interaction Design & Motion Systems: Designed and implemented high-performance animations using GSAP and CSS, enhancing usability and guiding user interaction through meaningful motion and visual feedback.
- Design Systems & Prototyping: Created high-fidelity prototypes, wireframes, and reusable design system components (including Salesforce Lightning components), establishing a cohesive UI framework across the product.
September 2021 – Present
- Award-Winning UX & Design: Designed and developed an admissions website recognized nationally for its user experience and visual design, enhancing engagement with prospective students.
- Design Systems & Front-End Development: Built and maintained custom WordPress components and interactive UI elements using HTML, SCSS/CSS, and JavaScript, supporting a consistent and scalable design system across the college's web presence.
- Information Architecture & Content Strategy: Led migration from Sitefinity to WordPress, consolidating 75+ department sites into 40 through improved information architecture and UX strategy.
- Interactive Application Development: Designed and developed a custom ticketing portal prototype using React, featuring role-based views, dynamic data handling, and real-time UI updates to improve internal workflows and user experience.
July 2018 – July 2023
- Component Design System: Designed and maintained a white-label component library for GM brand websites, defining visual specifications, interaction patterns, and brand guidelines across multiple platforms and vehicle lines.
- Interactive Experience Design: Designed high-impact user experiences—vehicle colorizers, EV map interfaces, savings calculators—translating complex product and data requirements into engaging, intuitive digital interactions for GM's campaigns.
- Figma Prototyping & Handoff: Produced functional prototypes and developer-ready specs using Figma, inVision, and Zeplin, serving as the design-to-development bridge for the full UI/UX team.
- Brand Stewardship: Maintained rigorous adherence to GM's brand guidelines across all platforms, ensuring visual consistency in typography, color, layout, and interaction patterns at scale.
October 2015 – July 2018
- Component Development & Design Systems: Developed and scaled reusable UI components within UHG's AEM ecosystem, contributing to a multi-brand design system that improved consistency, maintainability, and development efficiency across enterprise healthcare platforms.
- Interactive Tools & Data Visualization: Built interactive, data-driven healthcare tools, including a health savings estimator, enabling users to model projected medical costs and financial outcomes (Health Savings Checkup).
- Dashboard Development & Financial UX: Designed and implemented financial dashboard interfaces for Optum Bank, translating complex health and account data into clear, actionable user experiences (Optum Dashboard).
- Agile Collaboration & Consumer-Facing Platforms: Collaborated in Agile teams to deliver consumer- and provider-facing applications, improving usability and engagement across wellness and benefits platforms (Health Allies).
Education
L
Lawrence Technological University
Southfield, MI
Bachelor of Fine Arts in Graphic & Digital Design
2004 – 2009
Graduated Summa Cum Laude
