Versions Compared

Version Old Version 2 New Version Current
Changes made by

Ahmed-Tijani Umar

Ahmed-Tijani Umar

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Owner

Ahmed-Tijani Umar (Unlicensed)

TPM

Sanmi

Mobile Eng

TBD

Summary

A single carousel for displaying multiple product banners on the banking dashboard and marketing banners

Status

Status
titleDiscovery

Proposed Delivery

TBD

Next Milestone

18th Nov 2024: PRD Review with Sanmi + Goke

...

Expand
titleObjective

The banking dashboard should have a single section for product action and information banners.

...

Expand
titleStakeholders

Responsible

Accountable

Ahmed Ahmed-Tijani Umar (Unlicensed) Former user (Deleted) Sanmi

Consulted

PaulPaul Okeke

Informed

OpeOpe Adeyemi

Expand
titleContext

A banner allows products to display information or get user actions on the dashboard. They can be for information purposes like Rewards or customer actions like KYC upgrades.

Multiple products want to display their banners on the dashboard. Some examples are:

  1. Reward campaigns 

  2. CAC

  3. KYC action (coming soon.)

  4. Payments - Activate MFA [currently a pop-up but could be a banner]

  5. General information

There are two issues with our banners on the dashboard today:

  1. Multiple banners, multiple sections: When multiple product banners are displayed, they each take up a full section of the dashboard layout, which wastes real estate and makes it cluttered.

  2. Hardcoded banners: Products can only add hard-coded static banners to the dashboard. They need a plug-and-play system to display banners for customers.

To fix this we decided to:

  1. Extend the current rewards banner to allow other products to create banners.

  2. Create a carousel to display all product banners, ordered by priority.

Info

Priority: KYC upgrades > Rewards > Payments > CAC> General information

Expand
titleScope & Constraints

Scope

  1. We will be creating a carousel on the dashboard to house all product banners

  2. We will extend the current rewards banner to enable other products to create banners.

Constraints

  1. All banners going forward must exist in the single carousel

Reviewed by

Status

...

Expand
titleUser Stories

User profiles

  1. Moniepoint users:

    1. Business owners + Admin + Business manager staff users: Can see all banner types and take action on them

    2. Cashiers: Can only see information banners.

  2. Back office user: Can trigger different types of banners on an account (?)

High-level User stories

As an internal service

  1. I want to be able to create a banner to be displayed to users.

  2. I want to be able to create either action or information banners

  3. I want to be able to set how long the banner should be displayed. I can set:

    1. Timed banners: These are banners that disappear after some time

    2. Pending banners: These banners require user action to be dismissed. The user action can either be clicking on the banner or performing the related action that dismisses it.

  4. I want to be able to set the following information for my banner:

    1. Banner title

    2. Banner content

    3. Banner image

    4. Banner CTA (optional)

As a customer

  1. I want to be able to see all product banners in a single carousel

  2. I want to be able to dismiss information banners once I’ve read the information

  3. I want to be able to click a banner and be redirected to a page to carry out an action

As a back-office user

  1. I want to be able to trigger different types of banners based on the product

  2. I also want to be able to dismiss a banner from the back-office

Expand
titleDesigns

TBD

Expand
titleCompetitior references

Revolut

Revolut has a clean banner system that shows information over a plain background with a supporting image if necessary:

image-20241118-064203.png

image-20241118-064015.pngimage-20241118-064725.png

Opay

Opay’s approach to banners is similar as seen in this banner that requires users to verify their email address:

image-20241118-065030.png

image-20241118-065117.png

image-20241118-065154.png

...