UX/UI designer | 2022-2024 | Web app | Design system | Multi-user | UX/UI design
Bali.Love specializes in destination weddings in Bali. The project focuses on developing a user-friendly web app for seamless wedding planning, efficient communication, and easy bookings.
Initially, the target audience comprises existing clients, with the aim of attracting potential customers by integrating the web app into the company's comprehensive service.
As the sole designer, my role involves collaborating with the project manager, analyzing requirements, and delivering effective design solutions.

Planning a wedding, especially in a different country, involves managing various aspects such as venue booking, accommodation, catering services, and hairdressing. This process can span over a year and requires coordination among multiple stakeholders. However, relying on tools like WhatsApp, Google Slides, and email for communication and booking management presents challenges in terms of resource consumption, communication efficiency, and scalability as the client base expands.
We want to bridge the gap between couples and vendors, simplify the wedding planning process.
We want to increase revenue, reduce team workload, and improve our services. Additionally, promote the web app to attract new clients.

Our product launch brought relief to clients and improved workflow for our Bali admin team. The business has thrived, and designing a solution with a positive impact is fulfilling. Feedback from our project manager, who also owns the business, has been consistently positive:
"Emma is fantastic to work with and a talented designer." - Tom

While a comprehensive design process typically involves research, analysis, wireframing, UI iterations, and testing, I adjusted my approach based on project needs. With our project manager occupied with other responsibilities, we minimized meetings and relied on screencasts for conveying problem statements and requirements. Analyzing requirements, identifying underlying problems, exploring design solutions, screencasting design explanations, and gathering feedback became the core of our process. Research was conducted as needed, with a focus on similar products like Easy Weddings and drawing inspiration from platforms such as Airbnb.

Upon joining the team, I found the existing design work to be highly disorganized. The designs were stored in multiple files, including a large UI kit file that caused slow file access. Additionally, components were scattered randomly on the canvas, making progress tracking and collaboration difficult. The lack of a clear handoff process also posed challenges for the development team. Furthermore, the project had a tight schedule, and working as a part-time freelancer in a remote setup added to the complexity.

*Now we have a newly built Design system, which I'll talk about later
The booking flow is one of the major flows of the product, and Wishlist is an important part of the flow. Making bookings through the Wishlist page enables our clients to have an overview of the entire wedding package price and compare it with their budget before the payment.

*Booking flow key screens (mobile)

Instead of traditional wedding packages, we opted for wishlists, allowing clients to easily customize their selections.

*Wishlist home screen; Wishlist detail screen
While designing the Wishlist card, I tried different ways to solve the problem.
Below are different versions of the desktop wedding venue cards on the Wishlist screen. We ended up using version 1, it’s straightforward and easy to build.

*Versions of Wishlist card design
Although we lacked a formal user testing process, we received immediate user feedback. Our project manager collaborated closely with clients, gathering feedback immediately after the design launch. This enabled us to swiftly identify and address issues, iterate rapidly, and refine the product.

Client feedback revealed confusion regarding price changes during wedding planning. Deposits are paid upfront, and the remaining amount is paid over time. The fixed price in Indonesian Rupiah (IDR) at the time of booking can fluctuate due to currency rate changes. To address this, we proposed displaying the fixed price in IDR instead of the converted price. However, clients still need to know the equivalent amount in their currency.
I conducted the research on displaying multi-currency on e-commerce sites and found this conclusion: 92% of shoppers prefer to make purchases on sites that price in their local currency.
The research indicates displaying in the users’ local currency will increase trust and encourage them to make the purchase.

To enhance communication efficiency, we introduced an inbox feature to overcome the limitations of email and Google Slides. Clients frequently have multiple questions, making it challenging to track progress and linked discussions. With the inbox feature, clients can initiate chats on specific pages, automatically linking the related issues.
Our admin team gains a comprehensive view of message details, communicates with vendors, and tags team members, all within one centralized platform.
Now our users can keep conversations on track and easily communicate with our team.

*Inbox/Admin portal
We had existing designs for the task management system that required refinement and improvement. Here is a comparison of the before and after versions:


A designer joined our team briefly and created the initial design for the Planning Stage One. I then took on the responsibility of refining her design to align it with the project requirements. Here is a comparison between the two designs:


After completing the initial development stage, I had time to focus on building a robust design system and refreshing the existing designs.

*Design system highlights
To ensure efficient file organization and streamline the hand-off process, I implemented the following strategies:

As a UI/UX designer, I constantly reflect and seek ways to improve. Here are some key lessons learned:
Build a design system from the start: Investing time in developing a design system upfront can save a lot of effort and time later on.
Separate design files for large projects: Creating separate design files for different features and versions helps ensure easier access for the team.
Prioritize a proper design process: Rather than rushing to find solutions, it's important to emphasize the value of a structured design process.
Improve communication with developers: Enhancing collaboration with developers can lead to better design comprehension and improved outcomes.
This case study was written in 2023. Looking back at it now in 2026, I can confidently say that I carried many of these learnings into the projects that followed. Building a design system at the start of a project has become second nature to me, with the size of the system and the organisation of design files flexing based on the scale and needs of each project.
I’ve also gained some important perspective over time. I no longer believe that any single process or tool is the source of truth. The choice of process, techniques, or tools should always depend on the problem being solved and the context of the project.