Code Connect Hero

Code Connect

UX/Product Design

FIS Code Connect is an API marketplace offering 700+ open APIs for banking, payments, fraud prevention, and more. It empowers businesses to innovate, streamline operations, and enhance digital experiences. An independent study found it delivers a 193% ROI over three years, proving its financial and efficiency benefits.

Client

FIS Global

Role

Product & UX Design

Duration

6 months - current

My role & team
As a UX Designer on the Code Connect project, my focus was on creating a seamless user experience while working within the RUF design system constraints. Instead of reinventing visuals, I strategically leveraged existing components to maintain consistency and efficiency.
Key Contributions:
  • Navigation & Information Architecture: Improved usability by restructuring key sections.
  • Research & Competitive Analysis: Identified gaps and areas of differentiation through industry research.
  • ross-Functional Collaboration: Worked closely with marketing and project management to ensure a cohesive user experience and brand alignment.
  • Data-Driven Enhancements: Introduced insights-driven dashboards and search features to enhance decision-making for users.
Homepage: Improving Navigation & Clarity
Problem
The homepage lacked clear direction, leaving users uncertain about where to navigate next. Developers, in particular, found the content too marketing-heavy, making it difficult to quickly access relevant information.
Solution
  • Improved navigation and information hierarchy.
  • Prominent display of platform announcements.
  • Clear, intuitive labels for navigation (e.g., Home, Catalog, Help Center) instead of ambiguous terminology.
Image 1
Image 1
Dashboards: Enhancing User Insights
Users lacked a centralized way to track their API usage trends and financial forecasts, making it harder to make informed decisions. Solution: Introduced a comprehensive dashboard displaying key usage metrics and financial forecasts. Users can analyze past usage patterns and anticipate future costs based on historical data. Improved data visualization for proactive resource management.
Image 1
Image 1
Product Catalog: Streamlining Discovery & Usability
Problem: The catalog was overwhelming, featuring 100+ products, making it difficult to find relevant solutions. Solution: Optimized product list from 100+ to 30, ensuring a more focused experience. Toggle for "My Solutions" to filter client-specific products. Favorites feature for quick access to bookmarked solutions. Inline search functionality for users who know exactly what they need.
Image 1
Image 1
Impact & Results
Improved homepage clarity, ensuring users navigate more efficiently. Enhanced dashboard insights, allowing businesses to make data-driven decisions. Streamlined product catalog, reducing friction in discovery and selection. Created a more developer-friendly experience, balancing marketing content with usability.
Image 1