Developer Portal

Redesigning the developer portal for a Financial networking system

Context

SWIFT is a messaging network-platform that facilitates how banks verify transactions with each. When banks join the SWIFT network, they need access to SWIFTs API and development toolkits.

The SWIFT developer portal is the main resource that tech team's at financial companies utilize integrate to SWIFT's services.

Impact

  • Designs influenced onboarding material, site layout and added 2 new product offerings, the API playground and business partner case study section, which received 30,000+ visitors annually in 2020
  • Delivered high-fidelity mockups of new visual style and branding for the portal, modernizing the UX/UI of the site

Role

Lead UX/UI Designer

Team

1 PM and 4 Tech/Dev

Time

6 Months

skills

DISCOVER

Objective

Conduct a competitive analysis-research of analogous user experiences in the developer portal space to better understand what services and offerings could be built. Collect current user data through site traffic analysis, understanding user behavior and interactions

Contribution

Researched 15+ similar developer portal experiences, distilled insights and recommendations into report. Leveraged Google Analytics to pull website reports and built filter views to understand user page view percentage, site visit time, bounce rate and frequent drop points in the experience

Result

Leveraged insights from competitors and site traffic to begin to define key areas of opportunities, such as user onboarding and business cases. Insights helped to define the scope of the work and align on priorities

No items found.

Define

Objective

Brainstorm and prioritize site features based on user sentiment and the SWIFT's teams SME

Contribution

Sent a survey and collected insights from a group of developers (5) that provided feedback on the current experience and what features they desired. Conducted workshop with the internal team to brainstorm ideas, documented ideas in whiteboard and synthesized into key recommendations and personas.

Result

Documented recommendations and personas into a user journey, highlighting key areas of pain points and opportunities. Used this artifact to drive discussions of design and offerings

No items found.

Design

Objective

Leverage the user journey and collected insights to draft new site architecture

Contribution

Mapped out current site architecture and future state, understanding navigation and interactive components that would need to be created. The new IA included an onboarding section, a use case section which would highlight the value of APIs and integration services to business execs and a "playground", where developers could mock API calls and responses

Result

Used site architecture to drive discussions with Tech partners on data/connections required and with PM of needed content to build new offerings

No items found.

Synthesize

Objective

Create a set of low fidelity mockups/wireframes of the new site layout and design to get feedback from users and the internal SWIFT team

Contribution

Drafted new experience, the developer "playground"/sandbox and the business case section. Used Figma to build color guide, grid system, typography, navigation and other site elements into a standardized format. Created a set of wireframes to show concept of each page/section

Result

Used wireframes to guide discussions on final designs and layout with SWIFT team. Unfortunately, due to time constraints, I was unable to get user feedback at this point in the process

No items found.

Deliver

Delivered high fidelity mockups with new visual design and UX experience. This included

  • Improved understanding around versioning and releases by including API versioning in cards
  • Improved site layout and architecture and structure of developer reference documentation
  • Created a new "playground" / sandbox environment
  • Developed a way for developers to track "promoted" APIs across various stages of development

No items found.