BNI Direct

2022-09-29 · 2 min read

Visit Website

A landing page and data-rich dashboard built for BNI Direct, Bank BNI's corporate banking platform.

BNI Direct is Bank BNI's corporate banking platform, and my job on this project — done in collaboration with studioalva — was to take it from a static design file all the way to a working, production interface. That meant everything from the first landing page a client sees to the dashboard they log into every day to manage their account.

Landing Page

The landing page needed to do double duty: look credible enough for a corporate bank and convert visitors into people who trust the platform enough to sign up. I sliced the designs into clean, responsive UI, keeping load times and legibility front of mind, since this is often the first — and sometimes only — touchpoint before a client calls their relationship manager.

Dashboard & Data

The dashboard is where most of the complexity lives. It gives users a real-time view of account activity through charts and summaries, alongside user management tools for handling roles and permissions across a corporate account. Behind the scenes, this meant wiring up multiple API integrations so the numbers on screen actually reflect what's happening on BNI's systems, not a cached snapshot.

Authentication & Security

Given the nature of the platform, authentication wasn't an afterthought — it was built to protect account access and user privacy at every step, from login through to session handling inside the dashboard.

Working within a banking client's constraints meant slower iteration but higher stakes for correctness — every screen had to hold up to scrutiny, not just look good in a mockup.

NextAcetours