top of page

About

These projects represent my work as a UX Designer at YUJ Designs, spanning a wide range of industries and problem spaces. The companies behind these projects come from diverse sectors, and the solutions include both smartphone apps and desktop applications. The work covers internal tools, B2B platforms, and B2C products, each offering unique challenges in usability, scalability, and user-centered design.

DISCLAIMER

Some elements and sections of these projects are confidential. Brand names, branding elements, icons, logos, and specific components have been altered for demonstration purposes. My goal is to share this work to showcase my skills and expertise in UX and UI designs. There is no intention to reveal any business aspects of the company or client, and using these projects for such purposes is prohibited.

Banking website secure part

Goal

To design a unified digital banking experience for a leading South African bank—covering business banking, global payments, forex management, and fleet operations—that is modern, intuitive, and easy for users to navigate based on a desktop interface.

Objectives

  • Business Banking Interface: Create a clear banking dashboard that lets business users view balances, recent activity, and key widgets, and perform frequent actions (like payments and statements) in just a few clicks.

  • Global Payments (GPO): Design a global payments portal that simplifies sending domestic and international payments, with clear statuses, approvals, and history.

  • Forex Interface: Build a forex dashboard where users can monitor holdings, check live rates, get quotes, and place forex orders with confidence.

  • Fleet Management: Provide a fleet management view that helps users track vehicles, contracts, maintenance, and alerts, and take quick actions like creating or renewing contracts.

User flows

Make an Express Payment (Business Banking)

1

Land on Banking dashboard

2

Select Express payment / Transfer.

3

Choose From account and To account / Beneficiary.

6

See confirmation and updated balances / pending actions

5

Review summary and click Pay / Transfer

4

Enter amount and date

Create a Global Payment (GPO)

1

Go to Global payments online / Payments dashboard

2

Select account and time period (if needed)

3

Click Create payment or equivalent call-to-action

6

View the payment under Pending / Recent payments for tracking

5

Review fees, schedule (if applicable), and submit

4

Enter beneficiary, currency, amount, and payment details

Get a Forex Quote & Place an Order

1

Open the Forex dashboard.

2

Review Holdings and Accounts panels.

3

In the Get quote section, choose Buy/Sell, currency pair, and Spot/Schedule.

6

Track the order under Pending orders and see updates in Holdings / Accounts

5

Confirm the quote and submit the forex order

4

Click Get quote to see price and details

Manage Fleet & Create a New Contract

1

Navigate to the Fleet dashboard

2

Scan Fleet overview, Suggestions, and Fleet status cards

3

Choose Apply for new fleet or New contract

6

Return to the dashboard to monitor status and follow-up actions

5

Submit the request and see it appear under Pending actions / Activity log

4

Fill in required contract or fleet request details

Final Design Screens

Banking

Global dashboard

Bank - Cumulative Dashboard.png

Banking dashboard

Bank - Banking Dashboard.png

Chat assistant

Bank - Chat.png

Beneficiaries

Bank - Beneficiaries.png

Add new beneficiary

Bank - New Beneficiary.png

Beneficiary details

Bank - Beneficiary Details.jpg

Global Payments

GPO dashboard

Editting favourite actions

Create Payment - Step 1

Create Payment - Seccessfull

Forex

Widgets for forex

Forex - Favourite action panel Business Forex.png

Getting a Quote

Forex - Get quote.jpg

Forex transaction done

Forex - Transaction Details forex.jpg

Fleet management

Fleet Dashboard

Fleet - Fleet Dashboard 2.1.png

Contract details page

Fleet - Subscription details.png

Pay for a contract / Renew

Fleet - Subsription Renewal.png

New fleet request tracking

Fleet - New Fleet Request.png

Reports

Fleet - Select Fields.jpg

Two-wheeler application redesign

For a leading 2-wheeler manufacturer in India

Role: Primary research, Secondary research, Heuristic evaluation, Wireframing, Medium fidelity wireframing, Prototyping

Log-In, Tribe, Chat, Profile

Bikes, MIY

Explore, Store

Sales management website

For a leading pharmaceutical company in India

Role: Wireframing, Visual Design, Prototyping

Medical Representative flow

Regional Manager flow

Contact Me!

Message sent!

moshibili.com © 2022 Mohammed Shibili

bottom of page