ProjectsBlogRésuméAbout

Resume

I am a hybrid product designer and front-end engineer specializing in design systems design and development — helping teams level up their design system.

Download Resume

Recent Experience

Senior Design Systems Designer at Pluto TV

Aug 2023 — Sep 2024
  • Led design efforts for Nitro Design System, enhancing the Pluto TV interface across Smart TV devices, mobile, tablet, and web platforms.
  • Established a design token framework within our Figma UI kit and code component libraries to streamline collaboration between design and engineering teams.
  • Conducted interactive design token workshops for designers, engineers, and stakeholders to facilitate comprehension and practical application of design tokens in projects.

Senior Product Designer, Design Systems at Cisco

May 2023 — Sep 2023
  • Designed components for the Magnetic Design System, focusing on end-to-end design and documentation.
  • Developed a sophisticated tab navigation system used by designers to prototype their projects.

Senior User Interface Designer, Design Systems at City National Bank

Nov 2022 — Mar 2023
  • Led design efforts and contributed to the Roxbury Design System, guiding its direction and providing support to multiple teams at City National Bank for product development.
  • Conducted research on internal products to identify ways to enhance designer and engineer efficiency through the design system.
  • Enhanced the color system documentation with an emphasis on accessibility to ensure inclusivity for all users.

Senior Design Technologist at First American

Mar 2021 — Nov 2022
  • Led and contributed to the Ignite Design System for the Ignite application suite, overseeing and supporting the system's direction and processes.
  • Developed design tokens, patterns, components, (Angular) front-end production code, and documentation for the design system's UI kit, component library, and Storybook to boost designer and engineer productivity in developing the Ignite application.
  • Established design and coding best practices for product design and engineering teams to drive design scalability and increase velocity for business initiatives.
  • Introduced a new color system with expanded hue variations for flexible pairings that align with WCAG 2.1 AA accessibility contrast standards.
  • Implemented a design token system to enhance support for the component library and applications.
  • Devised methodologies for automating front-end component packaging to improve efficiency.
  • Converted the Ignite Design System Sketch UI kit to a Figma library UI kit and assisted new Figma designers in transitioning from Sketch to Figma.

Senior User Interface Developer at Boulevard

Sep 2019 — Feb 2021
  • Established Boulevard's design system, BLVD UI, which consisted of a Figma UI kit, React component library, and comprehensive design and technical documentation.
  • Implemented a design systems-driven design and development integration process.
  • Crafted a documentation website to offer guidance and examples on leveraging Boulevard's APIs.
  • Introduced a design token system compatible with CSS and JavaScript.

UX/UI Engineer at Brainbase

Oct 2018 — Sep 2019
  • Led the transformation of a challenging front-end codebase burdened with technical debt. Established a robust framework featuring reusable and scalable components developed in Angular, Sass, and Bootstrap, enhancing our code productivity and scalability.

Product Designer at Taboola

Oct 2016 — Feb 2018
  • Oversaw product design for the publisher-focused analytics dashboard at Taboola, Taboola Newsroom. Collaborated with editorial teams from reputable publications like Oath/AOL, NBC, and New York Daily News to provide real-time actionable data, performance insights, metrics, and recommendations on their articles.

Product Designer at Fullscreen Media

Oct 2015 — Jun 2016
  • Helped develop and launch a subscription-video-on-demand platform for Fullscreen, featuring original and licensed content tailored to young adults.
  • Revamped Fullscreen Go from scratch, creating a semi-automated online tool for YouTube creators to quickly apply and establish partnerships with Fullscreen.

Front-End Engineer at Fullscreen Media

Dec 2013 — Oct 2015
  • Led efforts on Fullscreen's Ruby on Rails component library and style guide for their web-based products including Creator Platform and Fullscreen video platform.
  • Bridged efforts between product design and engineering teams as a liaison to help bridge communication and collaboration.

UX/UI Designer at Fullscreen Media

Sep 2012 — Dec 2013
  • Defined, designed, and built Fullscreen's internal tools utilized to manage content creators and contracts.

Education

University of Central Florida

  • Digital Media, concentration in Interactive Media Design (did not complete degree requirements).

Associate of Arts at Tallahassee Community College

  • Major in General Studies
More on LinkedIn

Skills

Expertise
  • Design Systems
  • Systems Thinking
  • Systems-Driven Design & Development
  • Design Token Management
  • Product Design
  • Accessibility
  • Iconography
  • Prototyping
Tools and Technologies
  • Figma
  • Figma Token Studio
  • Sass & CSS
  • CSS-in-JS
  • React
  • Storybook
  • Style Dictionary
  • Gatsby
  • Angular
  • TypeScript
  • JavaScript
  • Git
  • Supernova
  • Zeroheight

See my resume

View or download my resume. You can also find me on LinkedIn.

Drop me a line

Please feel free to contact me
if you want to level up your design system, or just to say hello.

me@chrisgriffin.org / Linkedin / Github
©2024, Chris Griffin. Made in California.