DeanHouston+ (March 2024 - current) - Lead Web Developer

• E-Switch - https://e-switch.com - "The gold standard for web site development at DeanHouston." Full custom theme Wordpess site build for international electromechanical switch product company. Accessibility compliance, design system and style guide build out, Distributor Locator search, scroll-based navigation elements, animated UI controls, SVG handling, SiteSearch 360 integration and CSV to XML sitemap automation for 8000+ documents, advanced data tables content display and functionality, Gravity Forms and Constant Contact integration, GTranslate integration, content migration, fully responsive, VS Code - Figma integration for front-end build out, WP Engine / Local dev ops.
  
• VSG - Interactive Product Demo - https://rotarysolutions.com/virtual-experience-center - Interactive video-based product demo of physical working environment.
  
• LSI Investors - front-end static template creation for offshore development integration to match new corporate site.
  
• Old World Industries - interactive learning module development
  
• Friends of the Forest Preserves - https://fotfp.org Wordpress site build, using Block theme, custom post types, events calendar integration, donation forms, various custom JS functional elements inlcuding accessible modal display, JS module API, intersectionObserver
  
• PSG Dover - https://www.psgdover.com/ accessible header and meganavigation rebuild using CSS grid for corporate site and 15 brand sites in world-wide multilingual Sitefinity enterprise CMS environment.
  
• Initiating accessibility service offerings and knowledge leadership company-wide.
• WP Engine hosting management, site migrations, Wordpress site maintenance, site performance/UX/accessibility audits, various updates in Wordpress, ModX, Joomla, Sitefinity, Drupal environments. Laravel, Brew, WP Local SSH / Linux / Shell. HTML email development,
• Design and UX work in Figma and Adobe XD.
• AWS hosting and storage management, Cloudflare configuration.

ClimateView (June 2022 - October 2023) - Frontend Engineer

• Front-end development in a JavaScript application built with Angular. Focused on Accessibility compliance and UX improvements.
• (Different versions of the application exist in published states with continual incremental development)
  • Swedish Climate Policy Council (English, Swedish) - https://panorama-sweden.com/ - [link to Accessibility Statement PDF I authored]
    
  • Heidelberg (German)- https://app.climateview.global/v3/public/board/2ae7af89-40d4-4ff0-892c-febbfb36886f

Horizon Discovery (November 2020 - April 2022) - Senior Software Developer (Front End)

• Front end development in a Sitecore/.NET environment for Horizon Discovery's public web site and internal ecommerce platform. Primarily JavaScript functionality work, advocating and implementing performance, best practice, accessibility, and UX improvements. Filing in for design and UX role as well.
  

Voltage Advertising and Design (June 2018 - October 2020) - Creative Technology Architect

• University of Colorado Boulder - Impact Report 2020 - http://web.archive.org/web/20240606073550/https://essential.cu.edu/impact-reports/onward
  Web site for CU-Boulder's 2020 Annual Report. NextJS site framework and page templates. API-driven content. Social sharing functionality.
  
• University of Colorado Boulder - 2019 Annual Report - http://web.archive.org/web/20240227172044/https://essential.cu.edu/impact-reports/together
  Case Study from Voltage: https://voltagead.com/case-studies/cu-giving-2019-impact-report/
  Web site for CU-Boulder's 2019 Annual Report. Animated responsive layout, "story" section with Contentful PHP API-driven content and layout using templates for various modules including audio with transcripts, video player, and various layouts. Financial data rendered and animated with ChartsJS.
  
• Cloud 9 Living - http://web.archive.org/web/20200105024400/https://www.cloud9living.com/
  Case Study from Voltage: https://voltagead.com/case-studies/cloud-9-living/
  Existing desktop and separate mobile sites were reworked into 1 responsive site for better SEO performance. Custom PHP/Phalcon codebase.
  
• CarePredict - https://carepredict.com
  Case Study from Voltage: https://voltagead.com/case-studies/carepredict/
  Front end development for Wordpress WooCommerce landing page.
  
• Milani Cosmetics - https://www.milanicosmetics.com/
  Case Study from Voltage: https://voltagead.com/case-studies/milani-cosmetics-ecomm-development/
  Front end development for Shopify e-commerce site
  
• Reebook Rally Lookbook - https://kellymccormack.com/portfolio/lookbook/rally-landing/
  Case Study from Voltage: https://voltagead.com/case-studies/reebok-rally-lookbook/
  Landing page and 6 "lookbook" pages showcasing Reebok Rally collections of apparel. Given a static design, I came up with the scroll-based animation strategy and fully fluid "floating box" layout using some innovative techniques. GreenSock Animation Platform, ScrollMagic, a lot of performance optimization to ensure it would run smoothly when integrated into Reebok's Demandware platform. Design by Jintanat Jintasawaeng
  
• Made In Nature Veggie Pops - https://web.archive.org/web/20201108010731/https://veggiepops.madeinnature.com/
  Single page promo for new healthy organic snack product. Did some slick positioning of graphics, neat interactive features, extensive image editing and optimization, Youtube Iframe API work.
  
• IBM
  Created a standalone frontend VUE JS application for viewing and navigating image slides with intuitive UI controls and responsiveness. Developed a JSON schema for structuring content that allowed users to customize their own version of the application as needed. Application was used at a large internal conference by multiple users.
  
• Chipotle Community Roots - https://kellymccormack.com/portfolio/chipotle-community-roots
  Tasked with creating a growing seed to roots to tree animation capable of being implemented both as a triggered playback instance as well as controlled by scroll-position for use as a page background, I evaluated many techniques. I settled on using Adobe Animate and developed a custom JavaScript method of scroll position-based timeline playback.
  
• Owlet - https://owletcare.com/
  Case Study from Voltage: https://voltagead.com/case-studies/owlet/
  Front end development of a gift registry Laravel/PHP application. Also maintenance work on Owlet's main Shopify-based e-commerce site.
  
• Frontier Airlines
  Static microsite for a promotional campaign, created using the Laravel-based Jigsaw framework.
• Desktop Metal - https://www.desktopmetal.com/
  Revamped existing site with scroll-based animation and transitions, using innovative reusable hooks able to be applied to this component-based site on the Laravel-based Craft CMS.
• Colorado Springs Utilities
  Developed a number of frontend components and assisted with client implemention in Oracle CMS environment.

Ironistic (March 2017 - February 2018) - Senior Front End Developer and Creative Technologist

• Animation and UI features:
  • Iron Universe - https://ironistic.com/holiday17
    "Happy New Year" video design and animation. Adobe After Effects
    
    
  • Global Harvest Initiative 2017 GAP Report - https://web.archive.org/web/20180811105611/http://www.globalharvestinitiative.org/gap-report-gap-index/2017-gap-report/
    Scroll-position based animation powered by GreenSock Animation Platform and ScrollMagic, some custom animated UI interactive features, responsive "hex" grid implementation.
    
    
  • The Harbour Group holiday e-card
    Animated holiday card design and development. Adobe Animate HTML5
    
    
  • Somnology holiday logo - http://kellymccormack.com/portfolio/somnology/somnology-logo.html
    Animated holiday logo design and development. Adobe Animate HTML5
    
    
  • Somnology animated infographic page - http://kellymccormack.com/portfolio/somnology/
    Animated infographic page. Adobe Illustrator to SVG conversion, responsive layout, scroll-position based animation powered by GreenSock Animation Platform and ScrollMagic.
    
    
  • Mag Aerospace interactive case studies map - http://web.archive.org/web/20201024122210/https://magaero.com/our-experience/
    Map application using Leaflet.js, OpenStreetMap tile from Stamen, modal detail view
    
    
• Wordpress builds using proprietary theme and custom functionailty:
  • https://tevetllc.com/
  • https://wanada.org/
• Wordpress builds using customized Bridge theme:
  • https://enginuitypowersystems.com/
  • https://lucasreinkefoundation.com/
  • https://www.zacharykitts.com/
  • https://www.harmonytech.com/
  • https://www.summitstrategies.us/

Laughlin Constable (2014-2017) - Senior Creative Engineer, Front End

• Northwestern Medicine Impact Everyday Campaign (no longer live)
  Landing page on web.archive.org: https://web.archive.org/web/20170505202812/http://www.impacteverydaynm.org/
  (links to subpages not supported on web.archive.org)
  Direct link to 1 subpage, showcasing more scroll-based video control and animation, though missing 1 photo mid-page:
  https://web.archive.org/web/20170608170205/http://www.impacteverydaynm.org/sunday
  Lead developer on animated campaign landing pages section of enterprise-level Sitecore project.
  • 2016 Q3 One Show Shortlist award winner.
  • Chicago Advertising Federation’s American Advertising Awards Silver award in cross platform category.
  • Destination site for large-scale advertising campaign in the Chicago area including TV, radio, billboards, buses, trains, EL (subway), web banner ads, email marketing.
  • Tech: numerous JavaScript libraries and custom development including ScrollMagic (parallax and fixed overlay behaviors), Greensock Animation Platform/GSAP (DOM animation), HTML5 background video controlled by scroll position, SASS, CSS3, responsive mobile-friendly layout, ASP.NET, Sitecore CMS, IE8+ and mobile device support.
  • (Design by LC Creative Director)
    
    
• ThedaCare.org/Time
  Local demo - http://kellymccormack.com/portfolio/thedacare
  GitHub repo - https://github.com/kellymccormack/thedacare-demo
  Lead developer on animated campaign landing page project.
  • Merit award winner at the United Adworkers 2015 “Milwaukee 99” Award Show.
  • Tech: ScrollMagic, Greensock Animation Platform/GSAP, animated SVG, RevealingJS text effects, numerous CSS3 and JavaScript animation techniques, Fancybox video, SASS, responsive, IE8+ and mobile device support.
  • (Design by LC Creative VP)
    
    
• LC Spirit Animal Generator 2016 Holiday Card - www.laughlin.com/spirit-animal
  Lead developer on holiday promotional campaign.
  • Featured in Adweek's "Agency Holiday Cards 2016: The Coolest, Funniest and Silliest Season's Greetings"
  • Tech: CSS3 animation, jQuery, custom Facebook and Twitter API sharing JS, Kentico CMS
  • (Design by LC Creative Director)
    
    
• GE Healthcare JavaScript applications
  Lead Developer on 8 JS-based applications housed in GEHC Sitecore environment. Including:
  • HealthCare IT Customer Testimonials Tech: Client-side sort, filter, and paging application for Youtube videos utilizing AngularJS 1.x, CSV data parsing, AJAX.
  • UK Clinical Education Webinars Tech: Client-side sort, filter, and paging application utilizing AngularJS 1.x, CSV data parsing, AJAX.
  • ABUS Facility Locater Tech: Client-side location search application utilizing Google Maps API, CSV data parsing, AJAX, jQuery.
  • HCIT Partner Information Selector Tech: Client-side location search application utilizing CSV data parsing, AJAX, jQuery.
  • CT Dose Compliance Tech: Client-side location search application utilizing CSV data parsing, AJAX, jQuery, PDF generation.
• Fortune Brands - www.fbhs.com
  Lead front end developer and contributing back end Kentico CMS development.
  • Top 10 Kentico websites of 2016 award winner.
  • Tech: Kentico CMS, jQuery, stock ticker JS API
• Manpower Group Brazil Success Story
  Local demo - http://kellymccormack.com/portfolio/manpowerolympics/
  GitHub repo - https://github.com/kellymccormack/manpowerolympics
  Lead developer - animated informational micro-site.
  • Tech: CSS3 and JS-based animation, parallax, background tile and text effects.
  • (Design by LC Creative VP)
    
    
• Manpower Group 2016 Holiday
  Lead developer - animation for screen, social channels, and HTML email.
  
  • Tech: Adobe Animate, MP4 video, HTML5 canvas, GIF89a.
• Acuity Insurance Campaign pages
  Contributing front end development.
  • Tech: HTML5 canvas, CSS3, and JS scroll-position based animation, parallax effects.
  • (Design by LC Creative Technologist)
    
    
• Mobium.com
  • Completed majority of responsive site implementation of the award-winning site for Laughlin Constable's B2B partner, Mobium.
• Sears, Sterling Bemis, Master Lock, Abbvie, Abbott Labs, EcoTools, Paris Presents, CUNA Mutual, Quad Graphics, Sears, Cadence Health, Parfums de Coeur, Peggy Notebaert Nature Museum, Quarles & Brady, Kohler, Omni Timberland, WI Tourism
  • General client work: estimating, statement of work and requirements documentation, new site builds, enhancements, updates, HTML email, HTML5 and Flash banner projects, quality assurance testing, internal technical and creative documentation.

Layer One Media / Red Arrow Labs (2013-2014) - Senior Front End Developer

• 
  Rite-Hite - www.ritehite.com
  Lead front end developer for fluid and responsive international site redesign project. Parallax layout effects, complex navigation UI, full screen video background slideshow/carousel, various interactive responsive JavaScript content display features. IE8+, mobile, and tablet support. Custom front end boilerplate. LESS, JavaScript, jQuery, ASP.NET, SItecore CMS. (Design by LOM Art Director)
  
• 
  Johnson Financial Group / Johnson Bank - www.johnsonbank.com
  Lead front end developer for adaptive site redesign project. Custom front end boilerplate. Many custom JavaScript UI behaviors. IE8+, mobile, and tablet support. LESS, ASP.NET MVC, Sitecore CMS. (Design by LOM Art Director)
  
• Grady Bell, LLP - www.gradybell.com
  Lead front end and back end developer for responsive site redesign project. Custom front end boilerplate. ASP.NET MVC, Umbraco 7 CMS
• IEWC - www.iewc.com
  Contributing front end developer for responsive site redesign project. ASP.NET MVC, Sitecore CMS
• Curwood Innovates
  Adaptation of interactive Flash pieces to HTML5/JavaScript-based Adobe Edge Animate, front end development incorporating 3rd party work for site redesign project, Google Analytics event tracking implementation. ASP.NET MVC, Umbraco CMS
• Samsung
  Lead front end developer for interactive Facebook product promotion app involving multiple choice logic HTML5 video player.
• Nintendo
  Flash ActionScript3 development for Zelda Windwaker HD game launch banner ad campaign, involving video playback, PointRoll delivery integration, polite loading, synchronized banners, and interactive game banners.
• GE Healthcare
  Recreation of Flash calculators in HTML5 and JavaScript extending many jQuery UI controls and recreating conditional mathematical formula logic.
• Hefty, Reynolds Kitchens, Marcus Theatres, Medline Pink Glove Dance, Milwaukee Electric Tool, Taste of Home, Press St. Helena, Northwestern Mutual, Suburban Asphalt, New Resources Consulting, Chemware, Fashion Angels, Littelfuse
  • Contributing front end development in ASP.NET, classic ASP, PHP, and ColdFusion environments. Video editing / conversion, Flash ActionScript3, JavaScript/jQuery.