The Project
The Citi Developer Hub enables partner developers and firms to access Citi technology across 15 global markets to utilize within their own platforms and services. Developers are able to access APIs for Money Movement, Authorization, Customer Profile, and more. Developer Hub allowed aggregators (such as Intuit and Plaid) to access Citi data directly and securely, creating $20 million in costs saved for Citi.

We were tasked with redesigning the responsive Developer Hub website in order to provide partners with a navigable and streamlined experience when accessing these services.

I worked as the primary UX Designer on this project from ideation through execution. I partnered with a UI Designer, a Design Strategist, Product Owners, and a Development team.
The Research
We kept our main personas in mind as we designed the many pages needed for the site. These pages had to solve for a wide variation of partner needs.
I supported Design Strategy in conducting and synthesizing user research; using this data, I helped to create research artifacts to guide the broader team.

We used card sorting and user research to direct information architecture changes. After rounds of testing and achieving stakeholder buy-in, we were able to guide the redesign.
Legacy Site Map
The Designs
I created all concepts and wireframes for the redesign and worked with a UI designer for the UI conversions. We worked on many pages across the site, and I'm including a few below.
‍
UX - Home Page
UI - Home Page
UX - Developer Playground
UI - Developer Playground
UX - API Categories (across markets)
UI - API Categories (across markets)
Results
The Citi Developer Hub is live and maintains many of the designs my team and I worked on. The design system we created for this line of work was able to be shared with other designers and developers.

Our redesign was recognized with two 2018 W3 Silver Awards - one for UX Web Features and one for Home Page Design.