Byte simplifies expense splitting, streamlining the process for sharing costs among friends, family.

Homepage
Split
Split
Group

Contribution

Founding UXUI Designer

Credit

Khalid

Victor

Martins

Eze

CEO

Dev Lead

UX Designer

PM

Status

Live

Year

2022

Introduction

In the bustling streets of Lagos, where commerce and connectivity intersect, Byte emerged in 2021 as a beacon of financial innovation. Initially conceived as a Facebook payment platform, Byte swiftly evolved to meet the dynamic needs of its users, pioneering peer-to-peer payment solutions in the Nigerian landscape. Facilitating seamless transactions through phone numbers and tags, Byte quickly garnered acclaim for its user-centric approach. Today, Byte stands tall as a fintech powerhouse, empowering businesses to navigate the digital realm with confidence. From streamlining payment collection to equipping enterprises with essential tools, Byte is poised to redefine greatness in Nigeria's financial landscape. Join us as we embark on a journey through Byte's transformative evolution and unwavering commitment to excellence.

I witnessed firsthand the company's meteoric rise. From the inception of Byte 1.0, I played a pivotal role in crafting the user experience of the first Byte peer payment platform, laying its foundation from the ground up. However, our journey didn't end there. With Byte 1.0 successfully launched, we embarked on an ambitious quest to explore new horizons, delving into features like business payment and split payment. It was during this transformative phase that I spearheaded the design efforts for the split payment feature, shaping its functionality and aesthetics to meet the evolving needs of our users. Join me as we delve into the captivating narrative of Byte's evolution and the role of UX/UI design in driving its success.

Scenario

I witnessed firsthand the company's meteoric rise. From the inception of Byte 1.0, I played a pivotal role in crafting the user experience of the first Byte peer payment platform, laying its foundation from the ground up. However, our journey didn't end there. With Byte 1.0 successfully launched, we embarked on an ambitious quest to explore new horizons, delving into features like business payment and split payment. It was during this transformative phase that I spearheaded the design efforts for the split payment feature, shaping its functionality and aesthetics to meet the evolving needs of our users. Join me as we delve into the captivating narrative of Byte's evolution and the role of UX/UI design in driving its success.

Solution

After conducting thorough competitive analysis and desk research, we have identified a common pain point in managing group expenses: the need for seamless split payment solutions. To address this challenge, we have devised a comprehensive approach to tackle the split feature in two distinct ways.

  1. Splitting Payment After Expenses: Utilizing the Transaction History screen within the Byte app, users can seamlessly split expenses after transactions. Upon accessing the transaction details, users can initiate the split payment process by selecting the specific transaction. Within the transaction interface, an option to 'Split with Contacts' will be available, enabling users to easily divide the expense among participants connected on Byte. This intuitive feature simplifies expense management and fosters financial transparency among friends or group members.
  1. -
  2. Creating Groups for Future Events: Byte empowers users to plan for future events by creating groups within the app. Within the group interface, users can add upcoming expenses to a shared list in anticipation of the event. By leveraging this feature, Byte automatically calculates each member's contribution, facilitating seamless expense splitting for future gatherings. This functionality not only streamlines group coordination but also promotes financial clarity and accountability among participants.

High Fidelity

After finalising the user flow with the team, I seamlessly transitioned into high-fidelity design. Leveraging the UI kit created for Byte 2.0 by Martins, I ensured a consistent and visually appealing user interface, enhancing the overall user experience.

Pocket
Split
Split
Group
Done
Details
Custom Split
Equal Split
Done

Conclusion

By implementing these dual split payment features, Byte significantly enhances user experience and simplifies group financial management. The ability to retrospectively split expenses using the Transaction History screen, coupled with the option to create groups for future events, ensures that users can handle financial coordination effortlessly. These features not only promote transparency and ease but also strengthen the sense of camaraderie during shared experiences, making Byte the go-to solution for seamless financial interactions.