Work

National Park College

Fullstack
Accessibility
Web Dev

Focused on developing client-facing web components using Vue.js integrated with the OUCampus CMS, delivering features like a faculty directory, blog posts, and a wellness tracking system for HR.

Vibrant image of the npc campus map that showcases descriptions of each building.

At National Park College, I transformed the institution’s web presence by developing innovative web solutions, optimizing frontend performance, and improving accessibility and SEO. My work enhanced workflows for internal teams and students while modernizing the website for greater usability and engagement.

Key Projects and Contributions

  • Fullstack Development:

    • Built and customized client-facing web components using Vue.js integrated with OUCampus CMS, delivering solutions such as a faculty directory, blog post feature, and wellness tracking system for HR.
    • Collaborated with faculty and HR departments to design intuitive, responsive interfaces, streamlining internal and student-facing workflows.

  • Frontend Performance Optimization:

    • Spearheaded a complete frontend overhaul using Webpack and Grunt, reducing client-side load times by 1400%, significantly improving the user experience.
    • Refactored CSS architecture using BEM methodologies and optimized with Tachyons CSS, reducing CSS size from 1MB to 30KB, achieving a 97% improvement.

  • Accessibility and SEO Enhancements:

    • Conducted a comprehensive Lighthouse audit, improving the site’s performance from a D rating to an A rating.
    • Resolved over 4,200 accessibility issues, ensuring compliance with modern web standards.
    • Optimized search functionality with Funnelback, increasing search speeds by 90% and making critical resources more accessible for students.

  • Automation and Tokenization:

    • Designed and standardized all web assets using Style Dictionary, implementing tokenization that allowed website updates in seconds rather than days.
    • Introduced automated workflows for consistent and rapid deployment of web changes.

  • User Engagement and Analytics:

    • Developed A/B testing workflows using Google Analytics and Google Optimize to tailor content delivery based on user behavior, significantly increasing engagement and conversion rates.
    • Enhanced user engagement by integrating social media features and third-party APIs to extend functionality and improve client interaction.

My contributions at National Park College ensured a high-performing, accessible, and user-friendly web experience that supported the institution’s mission to deliver excellence in education and service.