Kayla Pratt
LinkedIn Stack Overflow GitHub Codepen

Here's a little about me...

Background

I received a B.S. in Digital Design from Towson University and developed my skills as a graphic designer and web developer through jobs in contracting, higher education, and public schools.

Being a Southern Maryland native, I always look forward to catching blue crabs with my family and friends. By the way, Old Bay only belongs on crabs 🦀.

Web A11y: A passion for inclusivity

Web accessibility is a passion of mine.

I have provided expertise and written code for numerous organizations and universities to secure their WCAG AA compliance, protecting them from legal troubles and extending their web presence to a larger and more diverse audience.

Going Native: Don't reinvent the wheel

When working with large development teams on 2-week sprint cycles, we have a short window to create robust UI components.

JavaScript isn't always needed. Using the tools available in HTML and CSS, we can eliminate hundreds of hours of development time in each sprint. Developers should be empowered to take advantage of the built-in features delivered by the OS, device, and web browser.

Employment History

  • Senior Front-End Engineer

    Corpay (formerly Fleetcor) 2021 - Present

    Responsibilities

    • Develop custom dimensions and distribute web analytics reports via Adobe Analytics
    • Utilize Adobe Target to apply dynamic advertisements, messages, and other elements to the application
    • Maintain strict WCAG 2.2 AA compliance across the Driven application
    • Create and maintain the Developer Pattern Guide used by all developers on the team
    • Maintain the Core repository which holds the foundational code used in the Driven application
    • Provide experise to developers regarding CSS/SCSS, accessibility, semantic HTML, and UI best practices
    • Audit merge requests for accessibility, UI, and UX concerns
    • Maintain the Icomoon custom icon repository (soon to be replaced with custom SVG-based framework)

    Achievements

    • Developed an SVG-based framework for delivering icons to the client with options to use SCSS, HTML, and JavaScript to do so
    • Built the entire Developer Pattern Guide and all components within from scratch. This reference is used by all developers across every team as a resource while working on sprint work.
    • Hand-coded accessible replacements for various components used across the Driven application.
    • Created multiple rounds of developer training sessions covering topics such as SCSS, accessibility, native HTML elements, semantic HTML, and client-side validation
    • ADA Compliance
    • Adobe Analytics
    • Adobe Experience Platform
    • Adobe Target
    • Agile
    • CSS3
    • Cucumber
    • Gitlab
    • HTML5
    • Hugo
    • JavaScript
    • Jira
    • NodeJS
    • Pug
    • SCSS
    • Section 508
    • Visual Studio Code
    • WCAG 2.1

  • Front-End Web Developer

    Emory University 2017

    Responsibilities

    • Build complex, robust websites that draw on numerous data sources to create an immersive and interactive experience
    • Support for blogging platforms, online video, message boards, and social media plugin integration
    • Design and create intuitive and applicable user experiences through information architecture, graphic design, and user interface development
    • Research current trends and needs, interviews key stakeholders and target audiences
    • Identify and document user and technical requirements
    • Develop production-quality mock-ups and interactive prototypes as well as production-ready graphics, interfaces, templates, and sites
    • Consult with stakeholders and users to determine cost-effective and high-quality solutions and advise on the feasibility and direction for website initiatives
    • Optimize sites for multiple viewports (responsive design), especially mobile devices
    • Analyze client requirements to develop customized solutions that optimize function of CMS Cascade and facilitate website maintenance

    Achievements

    • Redesigned the emory.edu homepage
    • Created Emory Brand Pattern Library
    • Code audit and development of Emory University Office of the President website
    • Created responsive HTML email for Emory Office of the President
    • ADA Compliance
    • Adobe Creative Suite
    • Atomic Design
    • Basecamp
    • BEM
    • Bootstrap 3/4/5
    • Cascade CMS
    • CSS3
    • Formstack
    • Foundation
    • Github
    • Google Analytics
    • Gulp
    • HTML5
    • Inky Emails
    • JavaScript
    • Jotform
    • Mustache
    • MJML
    • NodeJS
    • PHP
    • Pug
    • SCSS
    • Section 508
    • SiteImprove Analytics
    • Visual Studio Code
    • Vue.js
    • WAMP
    • WCAG 2.1
    • WordPress

  • Web Developer

    St. Mary's College of Maryland 2015

    Responsibilities

    • Design and distribute responsive HTML emails using the Zurb Ink framework
    • Maintain WCAG 2.0 at the AA level across the website
    • Create and provide training sessions for students, faculty, and staff to enable their use of the college website WordPress platform
    • Write, maintain, and update web content guidelines for faculty and staff to ensure user-created content aligns with college mission and web best practices
    • Responsible for maintaining the function, accuracy, and accessibility of the college WordPress multisites
    • Provide graphic design and photography support
    • Deliver web analytics reports from SiteImprove to Marketing team in order to further develop marketing campaign strategies
    • Manage online registration, contact, and RSVP forms using Gravity Forms

    Achievements

    • Relaunched the Support, Admissions, and President’s websites
    • Launched the Inclusion, Diversity, & Equity website
    • Launched a campaign site for Giving Tuesday
    • ADA Compliance
    • Adobe Creative Suite
    • Asana
    • Atomic Design
    • BEM
    • CSS3
    • Drupal
    • Foundation
    • Github
    • HTML5
    • Inky emails
    • PHP
    • SCSS
    • Section 508
    • SiteImprove Analytics
    • WAMP
    • WCAG 2.0
    • WordPress
    • Zendesk

  • Web Programmer

    College of Southern Maryland 2011

    Responsibilities

    • Responsible for maintaining the function, accuracy, and accessibility of the college internet and intranet sites
    • Develop standards and content management procedures for the internet/intranet
    • Support the Marketing department in maintaining and managing content on the sites to ensure consistency and accuracy
    • Directly responsible for the administration of the CMS OpenText and WordPress
    • Work directly with faculty and staff to train them to use the CMS (OpenText and CM1), create CMS user accounts, support in creating new pages and content, and help users standardize and streamline their content within the system
    • Deliver reports and graphs accessible via the internet/intranet
    • Assist system and network administrators by ensuring the college uses the latest web technology
    • Monitor and report web activity on the internet/intranet sites, using the data to plan improved ways to make the sites more accessible for all users
    • Provide hands-on guidance and training to college stakeholders on the use of web development tools, programming languages, and design techniques
    • Coordinate and assist with identifying and resolving college administration data, program, system, and work-flow issues
    • Write and update web application manuals and guides for college faculty and staff
    • Manage all custom online registration forms, surveys, applications, and RSVP forms for campus faculty and staff using Jotform and PHP

    Achievements

    • Conceptualized and redesigned the intranet in use by all faculty and staff
    • Coordinated with campus Public Safety and launched a new Emergency Preparedness website that utilizes the latest web technology to provide mobile and desktop alerts to users within the community during crisis
    • Awarded for going beyond the call of duty to support veterans at CSM in creating a custom site and providing the page owners the tools needed to maintain their site
    • Adobe Creative Suite
    • CSS
    • Google Analytics
    • HTML5
    • JavaScript
    • OpenText CMS
    • PHP
    • Piwik Analytics
    • WordPress

  • Graphic and Web Designer

    Resource Management Concepts, Inc. 2009

    Responsibilities

    • Satisfy corporate and customer requests for creative and topical Power Point templates
    • Design stylized charts and prepare marketing materials for corporate and customer needs
    • Create custom iconography
    • Design posters and flyers for corporate and customer campaigns
    • Maintain content of corporate website
    • Design custom templates and UI for corporate website

    Achievements

    • Prototyped and designed corporate website
    • Created plaque concept pieces for the National Navy Medical Center of Bethesda
    • Illustrated multiple Flash-based games for the TSA, now distributed nationwide
    • Designed over 20 posters and brochures for TSA's environmental stewardship outreach programs
    • Independently composed page layout for corporate annual report
    • Directed photographer during promotional employee photo-shoot
    • Conceptualized and illustrated a logo for the Army National Guard; utilized subsequently during anti-terrorism conference
    • Adobe Creative Suite
    • CSS
    • Google Analytics
    • HTML5