Integrations Screen — Neon Finance

Integrations Screen — Neon Finance

One of the most underestimated screens in any SaaS product is the integrations page. Users land here when they're ready to commit, they want to connect their tools and trust the platform with their data. Get this screen wrong and they bounce. Get it right and they feel like the product was built for them.

My approach for Neon Finance was to make every integration feel familiar. GTBank, Paystack, Flutterwave, Jumia, Konga, Zohobook these aren't random tools. They're the exact stack a Nigerian business owner already lives in. Seeing them listed here, with real logos and clear connection states, turns a product feature into a moment of recognition: "this was built for me."

Key decisions on this screen:

The stat bar at the top 3 apps connected, 1,284 records synced, last sync 10 minutes ago answers the user's anxious question before they ask it: "Is my data safe and up to date?" Yes. And it tells you exactly when.

The filter tabs (All / Banking / Payments / Accounting / E-Commerce) let users scan only what's relevant to them. No scrolling through irrelevant tools.

The card layout keeps every integration at visual parity — no tool feels more important than another, which keeps the UI honest.

Connected vs. unconnected states are distinct but not aggressive. "Connected ✓" in green is calm, not celebratory. It just says: this is done.