Sky i's profile

Libraries & Design Systems

The needs of the following clients vary in size and scope the one constant for me is having the mindset of building for scale. Creating libraries that work in a hierarchy from atoms to molecules to components to templates to pages. When created in this manner working in unison with the development team the ability to do future changes and broad updates becomes simple and efficient.
Title: Sr Product Designer / System designer
Tools: Figma
Summary: Led the building of two libraries for ServiceNow Lightstep product, a Saas enterprise software used for monitoring, observability, and incident response.

The beginning process was auditing 107 or so existing design files and the live site. Varies interviews with cross-functional partners, creating one source of truth, where all product designers and development can go.

• The first library was comprised of Atoms, molecules, and composed organisms, using atoms, color, and font styles from their core parent library. Also, part of this library was annotations and redlines for development.
• The second library, called "Assembled Pages" is comprised of multiple organisms or larger composed components assembled into pages and templates. Assembled Pages contain core sections of the Lightstep product.
• Organizing and creating a new file structure and naming conventions
• Working cross-functional with multiple teams is an E-Commerce retail clothing company
Work involved: UI Design
Tools: Figma
Summary: Managed Component Library for web and production
Managed two libraries for the web team.

The web component library
This library housed a breakdown of web and landing page components including archived older components. Part of my work was to re-do all the web components to the new brand standards, linking and nesting with other design pattern libraries for more efficient future automated updates.

Production component library
A project created by me to streamline the work process of production deliverables to dev. This library works in conjunction with the first library but focused on actual deliverables needed for release. This library works in conjunction with the first library but focused on actual deliverable needs for release.

Cerence is a developer of immersive and multi-sensory experiences and virtual assistants for the automotive world.
Work involved: UI Design / Visual Design
Tools: Sketch, Zeplin
Summary: Created Web design system
Build a basic design system with patterns and components that represent the brand. Creating set patterns and components for scale, to be used in other pages through the site as the engineers build out the rest of the pages.

Intuit Quickbooks
Saas-based accounting application for small and medium-sized businesses that accept business payments, manage and pay bills, and payroll functions.
Work involved: UI Design
Tools: Photoshop, Marketo, Eloqua
Summary: Component Library for emails and landing pages
Created a module-based template system within the new brand guidelines for their global marketing team. Working with the developer who implemented it in Marketo and Eloqua.
The Deliverable included a comprehensive detailed Style Guide and Photoshop templates.
Other companies that I have lead
redesigns and re-brands

Oracle's marketing email and landing pages
C3 IoT software
Telltale Games web site U.S. web site
Libraries & Design Systems


Libraries & Design Systems


Creative Fields