kellymccormack.com

PORTFOLIO

  1. Development work from product companies 2020-2023
    1. ClimateView
    2. Horizon Discovery
  2. Development work from digital / ad agencies 2013 - 2020
  3. Freelance DESIGN work
  4. Freelance DEVELOPMENT work and client list

 

Development

ClimateView - Climate OS (June 2022 - Present) - Frontend Engineer

  • Front end development in a JavaScript application built with Angular. Focused on Accessibility compliance and UX improvements.

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 - 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 - https://giving.cu.edu/annual-reports/2019/
    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 - https://cloud9living.com
    Existing desktop and separate mobile sites were reworked into 1 responsive site for better SEO performance. Custom PHP/Phalcon codebase.
  • CarePredict - https://carepredict.com
    Front end development for Woocommerce landing page.
  • Milani Cosmetics - https://www.milanicosmetics.com/
    Front end development for Shopify e-commerce site
  • Reebook 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
    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 controlling playback tying into scroll-position that nobody had done before.
  • Owlet - https://owletcare.com/
    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

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)
      Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]
  • 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)
      Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]
  • LC Spirit Animal Generator 2016 Holiday Card - www.laughlin.com/spirit-animal
    Lead developer on holiday promotional campaign.
  • 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)
      Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]Development Sample [CLICK for detail]
  • 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

  • Development Sample [CLICK for detail]
    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)
  • Development Sample [CLICK for detail]
    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.

Freelance DESIGN Samples

Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail]Design Sample [CLICK for detail] Design Sample [CLICK for detail]Design Sample [CLICK for detail]

Freelance Client List and Project Summaries

  • Year of the Cobra - http://www.yearofthecobra.com/
    Design and development of web site for Seattle-based doom metal band. Various animated and interactive elements, HTML5 video, social media embeds. Site uses October CMS, built on the Laravel (PHP) framework.
  • Volusion Sidehustle - https://www.volusion.com/sidehustle
    Local demo - http://kellymccormack.com/portfolio/sidehustle
    GitHUB repo - https://github.com/kellymccormack/sidehustle.git
    Development and animation (using Greensock Animation Platform) of charts and infographics pertaining to blockchain cryptocurrency promotion page, customization and responsive implementation of ReactJS cryptocurrency value tracking app.
  • megansukys.com, drunkentelegraph.com, brittonsukys.com
    Malware removal, site restoration, and security updates for Wordpress sites.
  • Roll Over Animal Rescue
    Simple site design and development for rescue organization using customized Wordpress TwentySeventeen theme.
  • Jake Reynolds Art
    Site design and development for tattoo artist using custom Wordpress theme and gallery display/tagging functionality.
  • Beauty Mark Salon
    Web design, single page site with animated SVG, scroll-position based interactive visual effects.
  • Tails 2 Trails
    Logo, web design, and custom Wordpress theme site development for small business.
  • SusannaPershern.com
    Responsive web site design and development for photographer/artist site. Custom jQuery modal lightbox display and navigation behavior.
  • Alliance for Animals and the Environment
    Graphic design, responsive web site redesign and development for non-profit organization. Using Bootstrap3 framework.
  • GoldenFlowerHealingArts.com
    Golden Flower Healing Arts Logo and identity design, responsive web site design and development for healing practitioner small business in Boulder, Colorado. Custom Bootstrap-based Wordpress theme.
  • TriLife Foodworks
    Responsive web site design and development for small business e-commerce site utilizing custom Bootstrap-based Wordpress theme and basic e-commerce functionality via Paypal.
  • Acqua Alta, Inc. / AcquaAltaBath.com
    Large-scale website design and production for high end European faucet distributor in the US
    Fluid and responsive CSS design, HTML5 semantic structure, CSS3 formatting, 240+ pages
  • Cain K9 Care
    Logo design for small business
  • Against the Clock
    Edited and contributed to Adobe Dreamweaver CS6: The Professional Portfolio training book, published by Against the Clock.
  • United States National Park Service - Submerged Resources Center
  • University of Northern Colorado - Center for the Enhancement of Teaching and Learning
  • 21st Century Graphics x2001.com
    Consulting on Wordpress, HTML/CSS, and Flash projects for freelance designer
  • EvoOfDoom.com
    Custom Wordpress site styling for auto racing sponsorship outreach and news site.
  • HealerWomyn Creations
    Small business e-commerce website design and production for jewelry artist in Denver, Colorado.
  • Little Bear's Child Care Inc.
    Small business website redesign and production for child care provider locations in Fort Collins, Colorado. Incorporates JavaScript to embed Google Calendar service into site.
  • Hills Scientific
    Small business low budget website production.
  • Bhavyata Yoga
    Small business website design and production for yoga/massage/meditation practitioners in Denver, Colorado. Site utilizes Dreamweaver Templates for developer maintenance and PHP includes for client editing of content pages.
  • Goble Pile Test
    A simple 5-page website for a small business. Minimal design, low budget production (literally 2 hours).
  • Living Earth Colorado
    Design and production of simple but elegant website for Non-profit Church in the Denver area.
  • McMahon Movers
    Design and production of moving company in Chicago suburbs. Design features bold bright colors and a flexible liquid CSS layout.
  • Gasp of Colorado (Group to Alleviate Smoking Pollution)
  • Solterra Foods
  • Denver Classroom Teachers Association
  • Inspire Graphic Design
  • Morninglori Graphic Design
  • Rainmaker Marketing Solutions
  • Mando Media
  • RallySport Boulder
  • Colorado Family Medicine
    Production of interactive Flash homepage piece featuring scrolling menu of navigation choices, photos, and video. (client designed)
  • SoCal BurgerSpread
    Design and production of e-commerce site for small Colorado business.
  • Starglow Studios
  • Hamheads
    Design and production of news site for political action group in Colorado.
  • Boulder Furniture Arts
    Design and production for quality handcrafted wood furniture and accessories retail store, large image gallery, tie-in to Facebook social network. Custom Wordpress site styling.
  • QRS Moving
    Design and production for moving company including Flash animated elements, email contact form, e-commerce shop for moving supplies. (Client initial design)
  • AAA Comix
    Website design and production using hand-drawn graphic elements from/for comic book artist.
  • Fixations Art
    Design and production for artist working in polymer clay medium. Many image galleries featuring jewelry, masks, and figurative works.
  • SCCA Time Trials
    Design and production for regional Sports Car Club of America amateur track racing organization.
  • Mountain Glass Works
    Design and production for glass artist. Many image galleries for residential, restaurant, and public art installation projects.
  • Glen Ellyn Moving
    Design and production for moving company including email contact/request for quote form.
  • The RDI Group
    Design and production for industrial manufacturing and equipment company. 300+ pages, Flash elements, video, contact forms.
  • McCormack + Etten / Architects
    Design and production for architecture firm showcasing a huge number of project photos. Flash slideshow, contact form, social media.
  • Roselena Alchemy
    Small business e-commerce website design and production.
  • U Creative Group
    Flash animated web site for creative agency in Colorado.
  • Colorado Alliance of Sustainable Business Associations
    Website design and production for non-profit group in Denver, Colorado.
  • Lipchik Photography
    Website design and production for professional photographer and videographer in Chicago, Illinois. 200+ portfolio pieces displayed.
  • Avendia Publishing
    Website production for publishing house in Chicago, Illinois.
  • ACFrieden
    Production of large site for mystery author..
  • Forum for Religion and Society, University of Denver
  • SEO Whiz
  • Brandt & Whitney, Inc.
  • Apex Racing Group
  • Nantucket Sailor's Valentine Kits
  • Clearly Write
  • Affordable Closets
  • The University of Denver Marsico Book Club
  • Swiss-American Business Council (SABC)
    Website design and production for international non-profit group in Chicago, Illinois.
  • Alliance for Sustainable Colorado
    Website design and production for non-profit group in Denver, Colorado.
  • Beatseller
  • Pruett Publishing
    Website design and production for small book publisher in Boulder, Colorado.
  • Bulgaria Ventures
    Website design and production for real estate venture in Bulgaria, based in the US.
  • Boulder Cuba Sister City Organization
    Website redesign and production for non-profit organization in Boulder, Colorado.
  • F&D International, LLC
  • Dance Monkey Promotions
    Flash website design and production, featuring animated intro and design elements.
  • Manifestation Rehabilitation
    Small business healing practitioner website design and production for client in Boulder, Colorado.
  • Boulder County Business Professionals
  • PH7 Logistics
  • Blue Ribbon Tutoring
  • Summit Inspection Services, Inc
  • WineOneOne
  • SCMW Inc.
    Website design and production for industrial machining business in Virginia.
  • Vandenberg Creative
    Website production for creative agency and client websites.
  • eyeJamz
  • Elite DanceSport
  • Crocus Pocus Designs
    Small business website design and production for jewelry artist in Boulder, Colorado.
  • Marlow Brooks
    Flash website design and production for artist, teacher, and healing practitioner in Boulder, Colorado.
  • Victory Ranch
    Small business e-commerce website design and production for Alpaca ranch in Mora, New Mexico.
  • Pathworks Body-Mind-Therapy
    Small business healing practitioner website design and production for client in Boulder, Colorado.
  • Dust and Noise
  • CAVE Audio Productions
  • Dunigan Marketing
  • Zausa Homes
  • The Neighborhood Butcher
  • Fifty-Plus Communications Consulting
  • Wichita Packing Co.
  • Joint Commission Resources
  • Trigon Technology
  • Columbia College Chicago
  • Planaview Corp
  • Accenture Utilities Group
  • Magic on Demand
    Flash website design and production for professional magician. Featuring card-trick themed animated navigation element and Flash video.
  • Cadence Consulting
  • Swiss America Foundation
  • MP3 Home Studio
    Interface design for MP3 player software
  • Loyola University Hospital System - Anesthesiology Department
  • Naked Restaurants
    Design and production of restaurant chain website in the Boston area.
  • Digital Merchant Studios
  • CISA SICI
  • Graziano, Krafft & Zale
    Production of ad agency's Flash website.
  • Fusion Capital Partners, LLC
  • Contax Communications
  • Barcode Graphics, Inc.
  • Spada Photography
  • Fusion Capital Partners, LLC
  • Brian Hall, Inc.
  • Kaye & Co.
  • James E. Van Ella & Associates
  • Schafer | Condon | Carter
    Design and/or production of various websites for ad agency clients and agency itself.
  • Divine Interventures
  • Q Enterprises Inc.
  • Rauland Borg Corporation
    3d animation for video production.
  • University of Wisconsin Political Science Department
    First professional website created in 1995.