Subtitle: Simplifying a complex, Sharia-compliant SME banking experience through progressive disclosure.

Role: Lead UI/UX Designer (Web Dashboard)  Status: In Development  Deliverables: Complex System Architecture, UI Design, Workflow Optimization

Ethica Microfinance Bank needed a fully digital, Sharia-compliant banking solution designed specifically for small and medium-sized enterprises (SMEs) and corporate entities.

Designing for corporate fintech means designing for heavy compliance. The onboarding flow alone for Corporate LLCs required 14 distinct steps, including the collection of director IDs, board resolutions, and Memorandum and Articles of Association. Furthermore, the business requirement demanded that most users should be able to complete this onboarding within a 5-minute window. The challenge was clear: How do you fit an intense, document-heavy process into a web dashboard without making the user abandon the process halfway through?

To solve the cognitive overload problem, I completely moved away from traditional long-form pages. Instead, I designed a Sequential Accordion System.

Whether a user is making a single transfer, handling bulk payroll, or navigating the intense 14-step corporate onboarding, the interface breaks the action down into isolated, bite-sized chunks.

Step 1 opens; everything else remains collapsed.

The user focuses entirely on one input (e.g., entering the 10-digit account number).

Upon clicking 'Next', Step 1 collapses into a completed summary state, and Step 2 smoothly expands.

This UI pattern transformed an intimidating, high-friction process into a frictionless, guided experience. It keeps the workspace clean and makes complex corporate banking feel as easy as a consumer app.

Beyond the complex onboarding, the platform needed a robust, scalable foundation. I focused heavily on the core dashboard architecture, establishing a clear visual hierarchy between the global navigation sidebar and the main workspace.

By utilizing a high-contrast dark mode aesthetic, the interface reduces eye strain for users managing finances over long sessions, while ensuring that critical data points and active states remain immediately legible.

The Ethica SME Web Dashboard is currently in the active build phase. By prioritizing a component-driven, step-by-step architecture, I delivered a design that meets strict regulatory compliance requirements without sacrificing usability. The final handoff provides the development team with a highly scalable UI system ready to handle complex logic.