ProjectsRésuméAbout

Resume

I am a hybrid product designer and front-end engineer specializing in design systems design, development, and management — helping designers and developers build SaaS products at scale from small startups to large corporations.

Download Resume

Recent Experience

Senior User Interface Designer, Design Systems at City National Bank

Nov 2022 — Mar 2023
  • Lead designer and contributor to the Roxbury Design System — responsible for the direction, oversight, and support of the design system utilized by several teams (and growing) within City National Bank to build its suite of products efficiently.
  • Researched internal products to find opportunities to leverage the design system.
  • Improved color system documentation with a focus on accessibility.

Senior Design Technologist at First American

Mar 2021 — Nov 2022
  • Primary manager and contributor to the Ignite Design System for the Ignite application suite — including oversight and support of direction and processes of the design system.
  • Design token, pattern, component, (Angular) front-end production code, and documentation contributions to the design system's UI kit, component library, and Storybook.
  • Established design and coding best practices for product design and engineering teams to help scale design and increase velocity for business initiatives.
  • Evangelization of design systems, systems design thinking, and tool support for designers and engineers.
  • Created a new color system with more hue variations for flexible pairings that better meet WCAG 2.1 AA accessibility contrast standards.
  • Created a design token system structure to better support the component library and applications.
  • Invented methodologies for automating front-end procedures to enhance efficiency and minimize potential hazards.
  • Converted the Ignite Design System Sketch UI kit to a Figma library UI kit and supported new Figma designers in the Sketch-to-Figma migration.

Senior UI Developer at Boulevard

Sep 2019 — Feb 2021
  • Created Boulevard's design system — BLVD UI, including a Figma UI kit, React component library, and encompassing design and technical documentation.
  • Developed a systems-driven design & development process for end-to-end design and development for the design system integration.
  • Designed a documentation website to provide instructions and guides on how to utilize Boulevard's APIs.
  • Established a design token system portable to CSS and Javascript.

UX/UI Engineer at Brainbase

Oct 2018 — Sep 2019
  • Inherited a complex front-end codebase with technical debt and laid the foundation for a framework with reusable and scalable components built in Angular, Sass, and Bootstrap to improve code quality and increase velocity.

Product Designer at Taboola

Oct 2016 — Feb 2018
  • Led product design on Taboola's publisher-focused analytics dashboard, Taboola Newsroom — assisting editorial teams at well-known publications such as Oath/AOL, NBC, and New York Daily News by surfacing actionable data including performance insights, metrics, and recommendations on the publishers' articles in real-time.

Product Designer at Fullscreen Media

Oct 2015 — Jun 2016
  • Designed and launched Fullscreen's video platform bringing original Fullscreen and licensed content catering to young adults.
  • Redesigned Fullscreen Go from the ground up, a semi-automated online application that allows YouTube creators to apply and formally partner with Fullscreen in minutes.

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

Aug 2003 — Feb 2005
  • Digital Media, concentration in Interactive Media Design (two years completed; did not receive degree).

Associate of Arts at Tallahassee Community College

Jan 2002 — Jul 2003
  • 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
  • Angular
  • TypeScript
  • JavaScript
  • Git

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 regarding consulting inquires, or just to say hello.

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