Ryan Irilli, Design Systems Developer in Seattle, WA, United States
Ryan Irilli

Design Systems Developer in Seattle, WA, United States

Member since August 3, 2021
Ryan is a team-focused engineer with a passion for inclusive and accessible design. He has a strong track record of leadership in web app development with 10+ years of experience. He's a cross-team collaborator, emphasizing project and task status transparency and having critical discussions with engineering, product, and design. Ryan is also a pragmatic developer focusing on design patterns, excellent at Agile methodologies and rapid release cycles.
Ryan is now available for hire

Portfolio

  • Transcarent
    TypeScript, GraphQL, Next.js, Design Systems, Maps, GitHub Actions...
  • Zillow
    JavaScript, TypeScript, GraphQL, Styled-components, NPM, Lerna, CSS, A11Y...
  • Facebook
    Relay, GraphQL, React

Experience

Location

Seattle, WA, United States

Availability

Part-time

Preferred Environment

VS Code, React, Node.js, CSS, Styled-components, Design Systems, Next.js

The most amazing...

...project I've ever worked on is Movement by Uber, a map-based web app to visualize aggregated and anonymized trip data to surface insights about transportation.

Employment

  • Lead Web Engineer

    2020 - 2021
    Transcarent
    • Set up the foundational web application framework and libraries such as TypeScript, React, GraphQL, and Next.js and configured the build and deployment pipelines.
    • Integrated a third-party identity service, Okta, and related UI flows, including account activation, login, forgot password, and session management using JWT, token validation, and session cookies.
    • Implemented various core MVP features such as an AI-powered symptom checker with third-party API integration, state management, and UX.
    • Managed three web developers (two seniors and one junior), providing guidance on technological direction, mentorship, and pair programming.
    Technologies: TypeScript, GraphQL, Next.js, Design Systems, Maps, GitHub Actions, Google Cloud Platform (GCP), React
  • Senior Front-end Engineer

    2018 - 2020
    Zillow
    • Helped lead a brand refresh, including a complete overhaul of the home page design system and layout.
    • Designed and implemented a responsive layout framework to be used across multiple teams and use cases.
    • Developed the commute module, a map-based personalization feature to give home shoppers information on commute times to essential points of interest such as workplaces and schools.
    • Designed and built the Zillow 404 page as a part of a hackathon that won first prize in its category and was selected to become a production project.
    Technologies: JavaScript, TypeScript, GraphQL, Styled-components, NPM, Lerna, CSS, A11Y, React, Lottie
  • Front-end Engineer

    2018 - 2018
    Facebook
    • Contributed to the internal CI/CD platform called Sandcastle. Improved the scheduled job reporting UI to enhance the developer experience. This included displaying confidence intervals and a streamlined error stack display.
    • Created a reusable job status display component that was adopted by the Facebook design systems team.
    • Built data visualization tooling to report resource usage and capacity metrics that helped managers better plan for spikes in consumption (intern season).
    Technologies: Relay, GraphQL, React
  • Design Engineer

    2016 - 2017
    Uber
    • Contributed to Uber Movement, a map-based web application that surfaced aggregated and anonymized trip data to urban planners.
    • Owned and maintained Uber Design, a website used to showcase the internal design projects at Uber. This site was used to engage with the community and recruit top talent.
    • Built an internal tool named Atlas to help operations teams understand how Uber operated in various regions. It collected and combined a range of data points, including mobility data, cultural norms, and technology infrastructure.
    Technologies: React, JavaScript, RPC, Redux, SCSS, MobX, Three.js, D3.js
  • Lead Web Developer

    2014 - 2016
    Points.com
    • Led the engineering and UX direction of our consumer-facing application, Points loyalty wallet, where users could view their balances, exchange points across programs, and redeem rewards as gift cards to a range of popular retailers.
    • Wrote code for all aspects of the front-end workflow for our consumer-facing product, including build tooling and configuration, JavaScript modules, and developing ours in-house CSS framework.
    • Developed a white-label solution to integrate into our partner websites as an embeddable web application.
    Technologies: JavaScript, Angular, React, Webpack, Modular CSS

Experience

  • Zillow Home Details Page
    https://www.zillow.com/homedetails/2918-1st-Ave-N-Seattle-WA-98109/48953477_zpid/

    The Zillow Home Details Page is a sophisticated framework that supports sale, rentals, new construction, and sold homes. It is comprised of several npm modules with ownership distributed across teams.

    I developed the core contribution guidelines and patterns to be used, as well as implementing new features. Our team managed all aspects of the overall health of the web application, including build and deploy pipelines, unit and integration testing, production monitoring, and bug triage.

    The service is powered by React as the core UI library, Express and Node.js as the server-side rendering layer, and GraphQL as the data provider. The design system is built using styled-components to provide a consistent visual language across all modules.

  • Movement by Uber

    Movement provides data and tools for cities to more deeply understand and address urban transportation challenges.

    As a front-end developer for this project, I implemented the UX, including auth, map interaction, search form fields, and geospatial data (GeoJSON).

  • Personal Website
    https://justanotherryan.com

    A personal introduction to my background and work philosophy. Built using TypeScript, React, Next.js, Framer Motion, and After Effects. As a front-end engineer, I'm passionate about creating high-quality web applications that perform well on all devices and platforms.

Skills

  • Languages

    CSS, JavaScript, TypeScript, GraphQL, HTML5, SCSS
  • Frameworks

    Next.js, Express.js, Redux, Relay, Angular
  • Libraries/APIs

    React, Node.js, Three.js, D3.js, MobX
  • Tools

    Adobe After Effects, Figma, VS Code, NPM, Lerna, Webpack, After Effects CC
  • Paradigms

    Agile, Modular CSS
  • Other

    Styled-components, Design Systems, Responsive UI, Lottie, Maps, A11Y, i18n, APIs, GitHub Actions, Animation, RPC
  • Platforms

    Google Cloud Platform (GCP)

Education

  • Bachelor of Fine Arts Degree in Digital Arts and Experimental Media
    2004 - 2009
    University of Washington - Seattle, WA

To view more profiles

Join Toptal
Share it with others