Christopher
Plummer
Front End Engineer
Skills
- JavaScript, TypeScript, Vue.js, React, Ember.js, Webpack, Gulp
- Node.js, Ruby on Rails, GraphQL, Clojure, PHP, PostgreSQL
- AWS: CDK, CodeSuite, Lambda, SNS, IAM, CloudFormation, Serverless
- CSS3, SASS, PostCSS, HTML5, WCAG
- Arduino, Processing
- Agile, TDD, CI/CD, Operational Excellence
- User Experience Design, Information Architecture, Usability, Accessibility
Experience
Amazon, 2019 to Present
Senior Front End Engineer
Lead engineer for PillPack's Consumer Tech team continuing the work I started at PillPack building delightful pharmacy experiences. Architected and launched a new Online Account Progressive Web Application.
Created shared architecture and tools for developing user interfaces for PillPack and Amazon. Founded the User Experience Engineering Group to help integrate PillPack front end applications with Amazon Builder Tools and steward user interface engineering.
Projects:
-
I led the planning, architecture and engineering of a new Online Account Progressive Web Application to improve customer self-service options, reduce customer service volume, and replace PillPack's iOS application and first generation customer dashboard.
-
We launched in 2020 after nearly a year of work. Customer satisfaction with the Online Account was 85% and engagement rose 12%. We were able to deliver key B2B and B2C features unlocked by the new architecture while retiring the old apps.
-
We built a PWA with offline mode and "add to home screen" using Vue.js and AWS infrastructure with automated unit, E2E, and integration tests in AWS: CodePipeline, CloudFormation, Lambda, etc.
-
Clara is the front end implementation of a Design System for Pharmacy that we launched in 2020. It is shareable, extendable Web Components and Bootstrap styles that can be imported into any web application to provide baseline look-and-feel and some higher level UI.
-
After Amazon acquired PillPack, I met with UI teams at Amazon to learn how they build front end applications and saw the need for PillPack to have a Design-System-As-Code to enable our org to deliver more predictable and usabale customer expriences with fewer resources.
-
The PillPack User Experience Engineering Working Group developed an opinionated, convention-over-configuration Reference Architecture for pharmacy applications. The Reference Architecture allowed teams with no front end engineering experience to boostrap a modern SPA with one cli command.
-
The Reference Architecture can scaffold a Vue.js or React PWA with TypeScript within Amazon's internal tools. It includes SSO authentication with Okta/Cognito/IAM, AWS infra for CI/CD, and the Pharmacy Design System.
PillPack, 2017 to 2019
Software Development Engineer
Focused on engineering of customer-facing products such as the customer dashboard and signup flows. Delivered measurable improvements to customer outcomes.
Provided leadership for Front End Engineering practices at PillPack by starting Front End office hours and directing the hiring of new customer-focussed engineers.
We were acquired by Amazon in 2018.
Projects:
-
Improved conversion by automating the process of entering insurance information and prescription history through integrations with health data APIs.
-
Reduced mobile load times from over 15s to under 4s by implementing progressive web app best practices such as code splitting and service workers.
-
Reduced drop-off by simplifying difficult interactions that I identified using Heap analytics and New Relic Browser monitoring
-
Architecture Guild: Advisor in PillPack’s architecture team to help decide the direction of our new domain-driven architecture. Focused on Front End software and API design.
-
Front End Office Hours: Increased front end engineering literacy with an open office hours program. Paired engineers to tackle tech debt with small quests.
Customer Dashboard
Prescription History and Identity Verification
CI/CD for Front End Apps
Upstatement, 2014 to 2017
Developer
Led teams of developers and designers and coordinated with outside tech teams to create high-end digital products and performant, maintainable software in an Agile process.
Supported continued iteration on products by providing training and documentation to client tech teams and Upstatement’s stewardship team.
Clients:
-
Developed a platform for creating digital campaigns for the children’s books catalogue solving their need to market books outside the constraints of existing Random House websites.
-
Integrated WordPress Rest API with Ember.js and several Random House APIs that served content for catalogues, online shopping, search, and book previews.
-
Led an Agile engineering process allowing the client to change product direction and respond to evolving requirements and budget constraints. Provided training and documentation that enabled our client to continue developing their products after our contract completed.
-
Implemented client’s new website as a PWA using React and Contentful, a cloud-based Node.js CMS. This tech stack became an one of Upstatement’s offerings for new clients.
-
Snacks: I led the product design and engineering for Snacks, a collection of services for sharing and archiving links and resources within Upstatement to increase technical and design literacy. Built with with Firebase, Ember, and Clojure.
-
Accessibility: Improved product accessibility on all company projects by championing best practices, implementing training plans, and centralizing tools and resources.
-
Open Hack: Launched and sustained a program to improve our technical and design skills by working with management to create structured time for open source projects, collaborative learning, and visiting speakers.
-
JavaScript: Led the company to adopt ES2015+ by creating patterns for using Babel within our existing toolset. Taught classes on JavaScript and gave presentations within Upstatement at at conferences on ES2015+.
Esri
Minneapolis Star Tribune
Harvard Law Review
DockYard, 2014
UX Development Intern
Executed pixel-perfect implementations of interactive designs with front-end best practices.
Clients:
-
Created an automatically-generated, living styleguide for RubyGems site using KSS to ensure that the site maintains design consistency as it evolves.
McGraw Hill
Learnivore