Adam Kiryk

Front-End Engineer

I’ve worked as a front-end developer and website designer for over ten years. I’m passionate about stability, performance, and accessibility, and I love creating great user experiences.

Sound good? I also write and speak clearly about my work. I thrive in a collaborative environment. And I love learning new things.

Say more...

Background

Front-End Development

Since 2018, I’ve been the primary front-end engineer on two teams at Wayfair, Favorites and Registry, where I’ve created solutions to critical business needs using technologies including JavaScript, HTML, CSS, SCSS, React, Redux, Git, webpack, PHP, and node.

From 2011 to 2017, I worked at NPR, where I combined the roles of front-end developer and visual designer, and created a variety of websites and online tools for member stations.

UX + UI Design

I studied interaction design at the California College of the Arts in San Francisco, and have led numerous user experience, user interface, and visual design projects while at NPR, Arnold Worldwide, and previous employers.

Communication

I’m a strong writer and public speaker; I’m comfortable explaining my work to clients and stakeholders; and I’m experienced collaborating with colleagues to discuss challenges, resolve conflicts, and work out solutions.

Work Examples

1
Wayfair Registry Hub

Wayfair Wedding Registry

2020–2021 As the senior front-end engineer, I led our team in decoupling the Registry site from the main Wayfair repo, enabling us to move faster and to create a more stable experience for our users.

What I Did

  • Created a subscription-based approach to managing application state using React Context.
  • Emphasized stability and wrote tests to achieve extensive code coverage.
  • Led team‘s efforts to improve front-end performance, creating dashboards to monitor web vitals, and reducing our first input delay to under 100ms.
  • Implemented Storybook for testing UI; trained team in how to use it.
  • Improved form validation in the create-registry flow.

To see the Registry site, visit the registry landing page and click the create button.

Create A Registry View As A Guest
2
Map of NPR stations

Wayfair “Add to Registry” Button

2021 I was the lead engineer on our project to create an add-to-registry library that would improve performance, provide a better developer experience, and enable widespread adoption of add-to-registry functionality across Wayfair properties.

What I Did

  • Created a package that can be installed by yarn or npm, and that manages the UI and data requirements for Wayfair’s Add to Registry button.
  • Led cross-team process to architect an approach that would enable individual buttons to correctly say "Add to Registry" or "View in Registry", depending on whether they represent products that have already been saved.
  • Wrote extensive tests, nearing 100% coverage.
  • Managed data fetching with GraphQL queries that run without the parent application (e.g. the Browse or Product Detail Page page) needing to know anything about them.

Note: you need a registry to see these buttons in production.

Create A Registry See Buttons On Product Cards
3
Map of NPR stations

Wayfair Lists

2018–2020 The Lists feature drives a disproportionately large segment of Wayfair sales and is consequently a high-profile part of the site. Over approximately two years, I worked on several major projects to improve the Lists experience both on the primary landing page and with the save button.

What I Did

  • Implemented a complete redesign of the Lists landing page.
  • Decoupled the save (aka "heart") button into a stand-alone library, and simplified the save flow for users with more than one list.
  • Improved accessibility by enabling keyboard navigation and better support for screen readers.
  • Implemented bulk editing features for business-to-business users.
Browse Page With Heart Buttons Lists Page
4
Map of NPR stations

Story Editor for NPR Stations

2017 I wrote JavaScript and CSS for this internally facing web application designed to help member stations create local content for distribution across NPR properties.

What I Did

  • Created custom components using React.js.
  • Used Redux to manage state.
  • Wrote self-contained CSS modules for styling the user interface.
  • Led team through a design sprint that helped guide product strategy.
  • Initiated a living styleguide based on PatternLab.io.
See Details
5
Websites viewed in different devices

Responsive design for a news platform used by over 160 NPR stations.

2014–2017 I led user research, designed information architecture, and wrote front end code for Core Publisher, a website publishing platform for small and medium-sized NPR stations.

What I Did

  • Researched station and user needs.
  • Designed and built a responsive Drupal theme adopted by over 160 stations.
  • Created a flexible yet simple system for handling station branding.
  • Wrote front-end code for the home page and story pages.
See Details
6

Composer

2014–2016 An internal web application to help NPR member stations track the songs they play in order to meet licensing requirements.

What I Did

  • Wrote JavaScript within Backbone.js framework.
  • Implemented the front end for a classical music search feature.
  • Collaborated with the team’s visual designer to propose and implement a variety of UI improvements.
See Details
7

Mobile Web

2013 Before NPR released a responsive news platform for member stations, we created a mobile-only news website.

What I Did

  • Designed a modified responsive website that was optimized for small screens.
  • Wrote CSS, jQuery, and PHP for a custom Drupal theme.
  • Trained team how to use CSS preprocessers and integrated Sass into our front end workflow.
See Details