Portfolio
What I've done
WordPress Development
Frontend Development – Custom theme creation and user-facing experiences
What I’ve Built:
- Custom WordPress themes with PHP hooks and filters
- Child theme customization for brand consistency
- Responsive designs that work across all devices
- Custom Elementor widgets and templates
- Page builders integration
Technologies:
- PHP
- WordPress APIs
- HTML5
- CSS3
- JavaScript/jQuery
- Elementor
- Divi
- WPBakery
- Kadence Blocks
Real Examples:
- Built custom event management system with recurring dates and registration
- Created reusable content blocks for consistent agency branding
- Restructure interactive quiz system with conditional logic and progress tracking
Backend Development – Behind-the-scenes functionality and content management
What I’ve Implemented:
- Advanced Custom Fields (ACF) for flexible content management
- Custom post types and taxonomies for complex content needs
- Composer-based dependency management for clean workflows
- Custom admin interfaces for client ease-of-use
- Database optimization and custom queries
Security & Performance:
- Multi-layer form spam prevention (honeypots, reCAPTCHA, custom validation)
- WordPress security hardening (file permissions, login protection)
- Regular security audits and vulnerability monitoring
- Performance optimization (caching strategies, query optimization)
- Automated backup and disaster recovery systems
Tools I’ve Used:
- ACF Pro
- Gravity Forms
- WP Rocket
- Wordfence (security monitoring)
- Composer
Real Examples:
- Reduced form spam using layered validation approach
- Implemented custom ACF field groups for multiple client sites
- Optimized database queries reducing page load
- Set up staging environments with Git-based deployment workflows
Analytics & Tracking
Google Analytics & Tag Manager
What I’ve Implemented:
- Google Tag Manager (GTM) setup and event tracking
- Google Analytics 4 (GA4) migration and configuration
- Custom event tracking (form submissions, button clicks, scroll depth, video plays)
- Conversion funnel analysis and goal tracking
- Cross-domain tracking for multi-site properties
- E-commerce and donation tracking
Data Layer & Custom Events
Advanced tracking implementations:
- Custom dataLayer push events for complex user interactions
- Enhanced e-commerce tracking for product interactions
- Form abandonment tracking to identify drop-off points
- Custom dimensions and metrics for detailed segmentation
- User ID tracking for logged-in user analysis
Reporting & Visualization
Making data actionable:
- Looker Studio (formerly Data Studio) dashboard creation
- Custom reports for client stakeholder presentations
- Automated reporting and data exports
- Integration with CRM systems for lead tracking
- A/B testing setup and analysis
Tools:
- Google Tag Manager
- Google Analytics 4
- Looker Studio
- Google Search Console
Real Examples:
- Created custom GTM triggers for room visualizer tool interactions
- Built Looker Studio dashboard combining GA4, Search Console, and CRM data
- Tracked quiz completion rates and identified questions causing abandonment
Accessibility & Standards
WCAG Compliance
What I’ve Ensured:
- WCAG 2.1 Level AA compliance (targeting AAA where possible)
- Semantic HTML5 structure for proper document hierarchy
- ARIA attributes for dynamic content and custom widgets
- Keyboard navigation and focus management
- Screen reader optimization and testing
- Color contrast ratios meeting accessibility standards
- Alternative text for all meaningful images
Testing & Auditing
My Approach:
- Automated testing with axe DevTools and WAVE
- Manual keyboard-only navigation testing
- Color contrast analysis for text and UI elements
- Focus indicator visibility and management
- Form label and error message accessibility
Standards & Best Practices
What I’ve Followed:
- Web Content Accessibility Guidelines (WCAG 2.1)
- Accessible Rich Internet Applications (ARIA) specifications
- Mobile accessibility considerations
- Performance optimization for assistive technologies
Common Fixes I’ve Made:
- Adding proper heading hierarchy (H1 → H2 → H3)
- Implementing skip navigation links
- Ensuring form inputs have associated labels
- Adding focus styles for keyboard navigation
- Creating accessible modal dialogs and accordions
- Fixing color contrast issues
Real Examples:
- Implemented accessible data tables with proper headers and scope
- Created accessible custom Elementor widgets with proper ARIA
Websites
Chakota Therapeutic Riding Center
Tranquility Design
Personal Writing
Writing for Integrity XD
More Than a Job: The Impact of Improving Workplace Culture
April 10, 2025
A few years ago, after just starting at Integrity Web Consulting, a friend asked me what the company’s culture was like...
Beyond Words: Embracing AI and Visual Thinking in Web Development
November 7, 2024
At the end of the day, using AI comes down to finding a balance—leveraging for productivity without losing the skills...