Financial

Institutions

mobile

Project

REDF is a subsidized real-estate financing company. His vision is to provide and innovate diverse and balanced financing programs to suit all classes of society through integration with the Ministry of Housing(MOH) to implement programs related to beneficiaries. It supports financing and real estate investment through effective partnership with the public and private sectors.

Problem

In particular financial institutions in Saudi Arabia, there is a limitation to accessing DLP services, so the workers of these institutions are accomplishing their tasks with the help of self-owned mobile phones.

To make access more comfortable, there is a decision to develop a mobile application for FI workers. The mobile application should be realized as a web view of the web portal inside the mobile application. The mobile application should reflect the same flows and features as it is realized in the web-application.

Q&A

Q: why it was decided to proceed with an app? A- we need to replace current mobile app.

Q: is it expected to work offline there? A - nice to have, not a priority till April.

We can proceed with the easiest way to implement notifications: push or notification center.

Scope - only bank basket.

To have an ability to publish it on Apple Store is critical and cannot be ignored. So it should be an app with its functionality inside, not just web view or PWA app.

Service blueprint

/ Beneficiary

User personas

We compiled a document that summarize our key findings. We highlighted any assumptions we heard, requirements that were brought up. Then we discussed with the core project team which insights we want to consider and which comments to ignore.

Ahmad Otayim

Anna is a business analyst who helps her clients to create strategies, to conduct user research and analyze business and user experience goals.

Occupation

Broker

Family

1 wife, 2 children

Age

34

Location

Saudi Arabia, Riyadh

Needs

Ahmad's main goal is to find a home that is within his budget and secure financing that will allow him to purchase it.

He also wants a user-friendly platform that makes it easy to apply for financing and get approved.

He is also concerned about the complexity of the home-buying process and the difficulty of finding a financing option that will meet his needs.

Pain Points

Needs a financing option that is both affordable and accessible

Opportunities to connect with other experienced professionals in the industry

He also needs help understanding the home-buying process and navigating the various financing options available to him.

Wants to see several recommendations from bank.

Sarah Jackson

Anna is a business analyst who helps her clients to create strategies, to conduct user research and analyze business and user experience goals.

Occupation

Software Engineer

Location

London, UK

Family

Single

Age

30

Needs

Learn about new technologies and trends in the industry

Network with industry professionals and potentially find job opportunities

Network with industry professionals and potentially find job opportunities

Gain insights and knowledge to further their career in technology

Pain Points

Access to high-quality, informative sessions with industry experts

Opportunities to connect with other experienced professionals in the industry

Detailed information about the event location, transportation options, and parking

An easy-to-use app that provides all relevant event information, including session details and speaker bios

Bank basket

Bank basket is an aggregate view of all applications purchased by certain FI. This basket will be used for maintaining the negotiation process with Beneficiaries, reaching Contract Sign, and analyzing FI Users performance.

Design screens

We conducted interviews with stakeholders and users to identify pain points in the web platform and ensure they were addressed in the mobile application. Through extensive research, we explored effective ways to present web dashboards on mobile devices. As a result, we adopted a block-based approach, as exemplified below. Furthermore, we introduced three action buttons with accompanying text to enhance user understanding and improve clarity, which was lacking in the web version. Additionally, we prioritized important information by highlighting it, in contrast to the previous arrangement on the web platform.

UX enhancement

In our design system, we adhered to the principles of atomic design. This approach encompasses various levels, including atoms, molecules, organisms, templates, and pages. At the atoms level, we focused on the fundamental building blocks of design, such as color palettes and fonts. Moving up to the molecules level, we integrated multiple atoms to create cohesive components. As we progressed further, we arrived at the pages level, where our design had fully matured into a comprehensive and fully developed framework.

Existing block

Existing documents part

Enhancements

Enhancement

Sultan bin Salman Al Saud

17

Purchased

Mobile phone

012 453 2581

Region

Riyadh

City

Al Khurma

Product type

Ready Unit

Assignee

Adnan Khashoggi

Assign

Edit

Reject

Sultan bin Salman Al Saud

Purchased

Score

17

Mobile phone

012 453 2581

Region

Riyadh

City

Al Khurma

Product type

Ready Unit

Assignee

Adnan Khashoggi

Assign

Edit

Reject

Sultan bin Salman Al Saud

Negotiated

Score

17

Mobile phone

012 453 2581

Region

Riyadh

City

Al Khurma

Product type

Ready Unit

Assignee

Adnan Khashoggi

Assign

Edit

Reject

Design system

In our design system, we used atomic design principle. This approach encompasses various levels, including atoms, molecules, organisms, templates, and pages. At the atoms level, we focused on the fundamental building blocks of design, such as color palettes and fonts. Moving up to the molecules level, we integrated multiple atoms to create cohesive components. As we progressed further, we arrived at the pages level, where our design had fully matured into a comprehensive and fully developed framework.

UX enhancement

In our design system, we adhered to the principles of atomic design. This approach encompasses various levels, including atoms, molecules, organisms, templates, and pages. At the atoms level, we focused on the fundamental building blocks of design, such as color palettes and fonts. Moving up to the molecules level, we integrated multiple atoms to create cohesive components. As we progressed further, we arrived at the pages level, where our design had fully matured into a comprehensive and fully developed framework.