celipa bill-splitting app

project description
Celipa is a mobile bill-splitting app that allows users to scan and split receipts with friends. The app delivers an intuitive and fun mobile experience that empowers diners to split the bill without splitting the difference. Users scan, share, and split their receipts to simplify shared expenses and elevate shared experiences.

In the first six months since the app's launch, Celipa accumulated over 600 downloads with thousands of dollars worth of splits being transacted through the app.
THE team
Full-Stack Development, Project Management
my role
Co-Founder & Product Designer

Product Vision, UX Research, Visual Design & Design Systems, Prototyping & Testing, Brand Design, Marketing

project summary

Product Design
Brand Design
The difficulties of splitting a group bill can detract from the joy of people's shared dining experiences.

An automatic bill-splitter will allow for quick and simple splitting while empowering people to have control over how much they spend at a restaurant.
After interviewing our target market, we found that most of our users' challenges fell into three main categories: budgeting uncertainty, struggles with calculating the split, and frustrations with fairness in payments. I created three personas that explore each of these issues respectively.
I laid out the core user flow that would allow a group leader to scan, share, and split a receipt. Next, I designed an interactive prototype on Figma to present to the development team. After answering questions and receiving feedback, I revised my prototype to align with the dev team's capabilities and our project deadlines.
In the months following our launch, we discovered issues with our home screen design, upload speeds, and splitting functionality. I investigated these issues further through user interviews, usability testing, and data from our internal dashboard. We implemented updates effectively to provide our users with solutions that surpassed expectations.
We received incredibly positive user feedback and achieved an impeccable 5-star review status on the iOS App Store. We received over 600 downloads with a conversion rate of over 60%, doubling the US average.
After examining our target market research and our UX personas, I set out to create a colorful and exciting brand that captures the joy of shared experiences. I lead a brand discovery meeting with the team, and together we hone our mission and vision statements.
I designed the company's visual identity to reflect our mission of championing shared experiences and in order to create a fun and inclusive effect.
I designed a logo that subtly connects our product's "what" with its "why" using Adobe Illustrator. I created a unique mark that suggests a smile and a conversation bubble, alluding to Celipa's social mission and our goal to foster shared experiences.
I designed a landing page, video ads, social media assets, and posters to boost Celipa's market presence. We also launched several booth events on local college campuses to interact with students in our target market directly, through which we found great success.
Over the course of this experience, I have honed my skills in Product Design, UX Research, Brand Design, Marketing, and Project Management. I have also practiced effective problem-solving, resilience in the face of adversity, and cross-functional collaboration.

🍔

splitting the bill in a large group can hamper a fun evening

problem
The difficulties of splitting a group bill can detract from the joy of people's shared dining experiences.

If the receipt is divided equally, some people end up paying for more than what they ordered, but dividing the bill based on what everyone ordered can be complicated and time-consuming.
hypothesis
If we create an intuitive and fun mobile bill-splitting app, users will be able to easily split their shared expenses so that they can better enjoy their shared experiences.

An automatic bill-splitter will allow for quick and simple splitting while empowering people to have control over how much they spend at a restaurant.

😊

meet mike, a student who is excited to make memories on a budget

After interviewing our target market of people ages 18 to 30 who dine out regularly, we found that most of our users' challenges fell into three main categories: budgeting uncertainty, struggles with calculating the split, and frustrations with fairness in payments. I created three personas and accompanying journeys maps, user stories, problem statements, & hypothesis statements that explore each of these issues respectively.

I discovered that the key element that bonds each of the personas is that each user's goals and positive emotions are associated with their social experiences. This discovery guided my UX/UI decisions by inspiring me to continuously consider the question, "does this feature allow the user to better enjoy their social experience?"​

📲

our core user flow: scan, share, split

I designed the user flow below using Miro in order to plan how a first-time user would scan their receipt, split it with friends, and track their friends' Venmo payments.

This flow represents the viewpoint of the group leader (the person who used their card to pay for the bill). I later created a second flow for participants (the diners who owe the group leader) because the participant's experience will require fewer group management features, and it will require a pay through Venmo button.

interactive figma prototype

This interactive prototype illustrates how a group leader will complete the core user flow of splitting a receipt.

The design represents a significant change in UX, visual design, and branding compared to the MVP that the team had developed prior to my onboarding. For this reason, when I presented the prototype, I justified my recommendations thoroughly to my team while using non-design terminology and drawing on our target market research and standard design heuristics.

aligning the design with the team's dev capabilities + project timeline

1. Wireframe - The wireframe below highlights the key function of selecting items on the receipt. I outlined the call-to-action "Add tip" button to represent how the user will follow a step-by-step process to split their receipt during which one key action is performed each step.

2. Prototype - For the prototype, I added a few helpful features to the join code bar so users could add items by hand, invite friends, and filter their receipt items because my research showed that users were seeking "more than just a calculator."

3. In-App Screen - When I presented my prototype to the development team, I learned that some of the features and layout elements in my prototype were going to be too technically inefficient for our lean start-up. So before implementing the in-app design, I pivoted slightly by removing the filter element, and I added an ellipses button next to each receipt item that allows users to edit, delete, and assign items to other group members.​

🚀

in-app ui, launched september 2022

after launch, users didn't receive the product quite as we expected . . .

⚠️

few users made it past the home screen >> time for a more appealing redesign

When examining our the data from our internal dashboard, we noticed that there were a high number of users who completed the sign up process but dropped out while on the home screen before even attempting to split a receipt. This lead me to conduct a set of user interviews in which I learned that our users disliked our homepage design because it was unappealing and confusing.

Prior to launching, we had decided to de-prioritize the home page because we deemed it more important to put our limited resources towards the core user flow of splitting a receipt. Yet ironically, many users never even saw our hard work because the homepage was so deterring!

We
completely revamped the homepage with a new dashboard feature that provides useful information and easy access to previous receipts. When conducting a secondary round of user interviews, users shared that the new home page UI and navigation was "appealing," "easy-to-use," and "beautiful."
Original home page
New home page

⚠️

users dropped out before their receipt finished uploading >> adding a new progress bar

When conducting usability testing, I noted that many users felt frustrated while waiting for their receipt to upload. Simultaneously, we received reports from our users that the receipt upload feature was "broken," when our internal testing showed that the feature worked quickly and reliably. Curious about this mismatch, I conducted more user interviews and learned that there was a confounding variable: location. Our users were scanning receipts in restaurant, which often have unreliable wifi, while our team was testing the app at a location with stable wifi.

Upload speed was a large issue for our development team to tackle that would likely take a couple months. Rather than wait on the dev team to finish the issue while continuing to lose frustrated users, I devised a temporary solution to
change our infinite loader design to a progress bar that warned the user of longer load times when their wifi connection was low. After this quick fix, we found that our user dropout on the loading screen decreased, and we stopped receiving reports of that the upload feature was broken entirely.
Original spinner
New progress bar

⚠️

users felt uncomfortable asking others to use the app >> redesigning the experience to enable user to split on others' behalf

To our surprise, we frequently received feedback that even though some users loved our product, they felt too awkward to ask their friends to join their receipt. Or, in some instances, a user's friends would refuse to download our app, forcing the user to divide the bill using traditional methods.

The joining component was central our app's back-end functionality and our core user flow, so adapting to this new concern posed a significant challenge. I started by hosting a whiteboard session with the development team in which we explored our options, posing "how might we enable a group leader to add a friend to their receipt asking them to download Celipa?"

We partnered to create a new back-end system component and a new UI feature that allows a user to add friends from their contacts or by phone number and split the reciept on their behalf. When added, the friend receives a text message notification which is followed by another message that lets them know how much they owe the group leader with a payment link to settle up. This way, the group leader is able to split the bill and their friends don't need to download Celipa.

Our solution not only solved the original problem, but also enabled iOS users to add Andriod users to their receipt prior to our Andriod launch a few months later. The new feature also solved an edge case that we had noticed: now, even if one group member's phone died, the group leader could still split the bill, and they could settle up with each other later.
Search contacts or
add by number
Add friends to receipt to tirgger text notification
Select items for other users

🌟

success! excellent user reviews & exciting results

Six months post-launch, we were excited to received incredibly positive user feedback, maintaining an impeccable 5-star review status on the iOS App Store. Users shared that the app is "helpful," "convenient," and "easy," which aligns closely with our intended purpose. We surpassed our goal of 500 downloads by achieving over 600 downloads as well as a conversion rate of over 60%, doubling the US average.

🖌️

designing our brand: welcoming, social, + fun

After examining our target market research and our UX personas, I set out to create a colorful and exciting brand that captures the joy of shared experiences. I began by leading a brand discovery meeting with the team during we ideated our mission and vision statements. When defining our brand story and voice, we chose the archetype of the "Everyman" because we want to make people of all different identities feel like they belong.

🎨

choosing colors & typography to develop an effective visual identity

I designed the company's visual identity to reflect our mission of championing shared experiences. I chose blue as Celipa's primary color to represent the product's positioning as a social app because many social media apps have blue brands. The secondary colors are vibrant and create a rainbow with our primary blue color in order to create a fun and inclusive effect. For font selection, I paired a minimalistic body text with a rounded, fun title font to display the fun side of our brand without appearing cheesy.

🎯

time to put our new brand into action!

While continuing to manage Product Design for Celipa, I led our company's marketing efforts. I designed a landing page, video ads, social media assets, and posters to boost Celipa's market presence. We also launched several booth events on local college campuses to interact with students in our target market directly, through which we found great success.

Among advertisement posts, our Instagram campaign included funny posts that highlighted the awkwardness of splitting the check in a large group. We also created a series of recommendation posts for restaurants near college campuses in the Boston area which received the highest engagement.

🎬

video ad, featured at a local event

I created this video ad using Canva for Celipa's partnership event with Babson College's "Babson Dance Ensemble" performance. The ad played during intermission of the show, and we also hosted a booth in the theatre, offering free roses in exchange for new downloads that audience members could give to the performers.

This event significantly boosted our reach, and many of the new users from the event proceeded to starting splitting receipts using our app.

📚

woo hoo! some skills I developed throughout this experience

product designfigmazeplinprototypingwireframingdesign systems
ux researchjourney mappingpersona creationusability testingfocus groupsdata analysis
brand designadobe illustratoradobe indesigncanva
marketingwebflow web designcustomer engagementmarketing campaign management
project managementnotionmirogoogle suitecross-functional competencycollaborating with development