Looking for a way to transform KeyBank as a brand invested in emerging technologies and new capabilities, our design team partnered with product owners, developers, and stakeholders to found the creation of an API developer portal for our commercial clients to work more effectively.
Joining KeyBank after the discovery phase, I began reviewing a range of API documentation resources, such as, books, competitor portals, and the personas developed from initial user interviews. My experience of discovery for this product was unique because I was joining a team that had a vision but needed that fresh perspective to bring up unanswered questions about how the user experience would operate in previously unrealized scenarios.
Collaborating with a principal designer and a junior designer, I played a key role in getting our design system and component library set up. Early on, our design system lived on one Figma page in our file. With a tight timeline to push for MVP and three of us dividing efforts, our library eventually needed some TLC.
As we got into later releases, we set up a new design system library with a dedicated Figma file for each component type. I took initiative in transferring instances over between files and creating updated versions of components. Seeing an opportunity for skill development, I taught myself how to use Figma variants and utilized this shortcut as the most efficient method to streamline complexity and use cases for our designs.