B.One Digital Office

A streamlined enterprise workflow platform that automates board-level approvals, tracks documents in real time, and empowers 36 000 bank employees to move critical decisions faster.

Role: Joining as the UX Intern, I ran 20+ usability tests, mapped legacy processes, and shipped 8 screens that serves the app's ecosystem, working day-to-day with 5 developers, 3 business analysts, and 2 PMs.

Role: Joining as the UX Intern, I ran 20+ usability tests, mapped legacy processes, and shipped 8 screens that serves the app's ecosystem, working day-to-day with 5 developers, 3 business analysts, and 2 PMs.

Timeline

May-Aug 2024

Tools & Services

Figma, Jira, Miro, Confluence, Excel

Result:

Surfaced 3 critical workflow gaps & cut turnaround time by 35%

Surfaced 3 critical workflow gaps & cut turnaround time by 35%

Members

BIDV Digital Banking Division - UIUX Team (7 designers & 1 Team Lead)

Introduction

The Bank of Investment & Development of Vietnam (BIDV) is the largest commercial bank in Viet Nam and an established financial institution for the Vietnamese people since 1957. It is leading a digital-office transformation through its internal platform B.One​​, used by 36 000 BIDV employees. I joined the BIDV Digital Banking Division in May of 2024, as an intern and the youngest member of the UIUX Team of 8.

"With its great advantages in customer base and fintech network, BIDV is aiming for 80% of the bank’s customers having access and using BIDV e-banking products by 2025." - The Asian Banker

Much of my process & work has been omitted in order to comply with my NDA  However, I would love to share more of my involvement behind the scenes - please reach out to hear about it!

Background

About B.Work

Within B.One, the B.Work workspace let employees handlework, documents entirely on digital environment; Support users at all levels of management to monitor work anytime

Here, to process a task, its document travels through a four‑stage policy pipeline:

  1. Drafting (Soạn thảo) 

  2. Owner approval (Xử lý phê duyệt & ban hành)

  3. Stakeholder feedback (Tham gia ý kiến)

  4. Board of Management opinion & archival (Ý kiến HĐQT)


Project Scope: I was assigned to focus on a sub-task inside B.Work task processing feature: documents reviewing and approving of opinions by the Board of Management.  

A detailed table of the jobs-to-be-done & use cases for task processing

Design Process

Over the 12-week sprint, I ran the project through the Double Diamond framework. Given my short time on the team and as I am tackling an unchartered territory of enterprise tools , its divergent and convergent phases encourages creativity and innovation while providing  a structured approach from problem identification to solution delivery.


Design & Discover

Although discovery had started before I arrived, I still took the initiative to shadow five heavy users from Finance, Admin and Tech as they processed live documents, then triangulated findings with historic usability logs. 3 pain points stood out: 

Authors lack at a glance the process of the documents

What stage is it at? Is it ready for approval by the board? How many people agree/disagree with the points of the institution?

Comments on PDFs and word documents would travel in multiple channels

This shatters the auditing journey and shows a fragmented user journey. 

Hard‑wired sequential queue

If a reviewer or approver is on leave, the workflow is stalled, a leading cause of backlogs and late deliverables

To understand the end-to-end document flow from first-principles, I created a hierarchical task-analysis diagram (HTA). I was able to get a better idea of the physical requirements for this rather complex system.

For accessibility, the original Vietnamese terms have been translated into English, with their meanings preserved exactly.

Design & Develop

Synthesis outcome

Our affinity-mapping session showed the design must support two complementary views:

  • People-first: “What has each director said across all items?”

  • Task-first: “How is item X trending across the board?”


I begin to ideate a number of solutions using the insights gathered.

The Chosen Design

After synthesizing usability tests, heuristic walkthroughs, and field observations, the pill-tab + single-list flow design was choden because it minimizes cognitive load and eliminates scrolling friction with no extra vertical real-estate consumed. Progressive disclosure shows only one amendment at a time, while directors navigate by recognition.

Note to self: Heuristic #6

Recognition rather than recall

Every piece of task context is kept visible, so directors navigate by what they see, not what they must remember. Descriptive tab labels, a sticky amendment header, color-and-icon vote chips, and inline progress counts externalise all the key information.


As a result, testers said this “felt like turning pages”, turning every screen into its own audit artifact

Note to self: Heuristic #6

Recognition rather than recall

Every piece of task context is kept visible, so directors navigate by what they see, not what they must remember. Descriptive tab labels, a sticky amendment header, color-and-icon vote chips, and inline progress counts externalise all the key information.


As a result, testers said this “felt like turning pages”, turning every screen into its own audit artifact

A Look At The Final Screens

The green-tagged column shows my board-feedback flow nestled inside the product’s master Figma file—just one streamlined lane in a multi-track system of hundreds of banking screens.

A visual design side quest

When I wasn’t knee-deep in approval flows, I moon-lighted on the “fun stuff” that ships the app’s first impression. —designing the App Store and Google Play preview graphics in three device sizes. Juggling on gradient frames and safe-zones taught me how differently each platform polices padding, aspect ratios, while letting me flex some pure visual creativity amidst the rough work of B.One, all while keeping the core BIDV brand intact.

1.1 Preview screen designs optimized for Android tablets, iOS 5.5 and iPad.

1.2 B.One listing on the App Store.

I tested various backgrounds, from waves to radiating circles, text arrangements to phone angles to pick the best fit for the final asset.

The Takeaways

Enterprise ≠ Boring

Directors skim politics-level documents on 5-inch phones while commuting. Their tiny attention windows demanded clever micro-interactions (sticky badges, haptic ticks). Constraints breed creativity; designing for “serious” users can be surprisingly playful if the feedback loop is respectful and fast.

Prototype to talk, not to impress

I produced three radically different voting flows (person-centric, accordion, tabbed modal) and put them in front of the board secretary unfinished—grey boxes, lorem ipsum and all. Low-fidelity made stakeholders comfortable calling out flaws. Speed > polish early on; polish only where the concept survives.

Progressive disclosure wins

Before this project I equated “feature-rich” with “good.” Now I treat surface area as a cost—every extra element demands cognitive rent from the user. Progressive disclosure isn’t just a UI trick; it’s a mindset of earned complexity. I left the internship committed to designing experiences that unfold gracefully, giving users confidence first and power second.

Check out some other projects ٩(ˊᗜˋ*)و
A visual design side quest

When I wasn’t knee-deep in approval flows, I moon-lighted on the “fun stuff” that ships the app’s first impression. —designing the App Store and Google Play preview graphics in three device sizes. Juggling on gradient frames and safe-zones taught me how differently each platform polices padding, aspect ratios, while letting me flex some pure visual creativity amidst the rough work of B.One, all while keeping the core BIDV brand intact.

The Takeaways

Enterprise ≠ Boring

Directors skim politics-level documents on 5-inch phones while commuting. Their tiny attention windows demanded clever micro-interactions (sticky badges, haptic ticks). Constraints breed creativity; designing for “serious” users can be surprisingly playful if the feedback loop is respectful and fast.

Prototype to talk, not to impress

I produced three radically different voting flows (person-centric, accordion, tabbed modal) and put them in front of the board secretary unfinished—grey boxes, lorem ipsum and all. Low-fidelity made stakeholders comfortable calling out flaws. Speed > polish early on; polish only where the concept survives.

Progressive disclosure wins

Before this project I equated “feature-rich” with “good.” Now I treat surface area as a cost—every extra element demands cognitive rent from the user. Progressive disclosure isn’t just a UI trick; it’s a mindset of earned complexity. I left the internship committed to designing experiences that unfold gracefully, giving users confidence first and power second.