Split and a Bit- User Interface and Motion Design (Freelance)

The Challenge

How can we create a friendly User Interface that gives users a bold, fun and iconic experience for a simple bill splitting app?

How can we create a friendly User Interface that gives users a bold, fun and iconic experience for a simple bill splitting app?

The Brief

The Client proposed to tweak his premade UI in Figma with updated and modern trendy and playful look, while maintaining a simple and minimal UI for the brand style

The Approach

Upon playing with the client's live App on his website to get a better understanding of what I am designing for, I noticed a few things off the bat. The spacing and the typography hierarchy was missing and were the first steps to clean up the UI. Based on the wireframe below, this gave the app more consistency and a clear understanding of where the eyes of the user should go towards.

Mockup and Colour Exploration

The Client approved the style. The direction and the final designs were taking place.
I brainstormed a few styles and stuck with a simple child-like colours for each sections of the app. Reminiscent to the colour of children's toys. But also a reimagined colour from the previous UI used.

The Outcome

I added an additional motion graphic intro/ loading for the app just as a concept in order for users to get a positive feeling when entering the Interface. The motion involves the screen getting split into 2 halves to be cohesive with the name and what the app does.
May 2025 - 5 days
Role: UI Designer, Motion Designer
Skills: Figma, Motion Graphics (Adobe AE), Prototyping
Collaborators: Sean Park