Industry
Client
Banksalad
Timeline
3 Months
Year
2024
Team
Interaction & Visual Designer(Me), Associate Visual Designer(1), Developer(3),
Motion Designer(1), Product Owner(1), Associate Product Owner(1)
Overview
Goal
What did I work on?
Designed a promotional page UX/UI that increased pre-registration rates by 66.7% above expectations.
108% Increase in Weekly App Retention
30% Higher Activation Rate Than Average Users
$140 CAD: Average Savings Per Week Among 5,000 Participants
For beginners in personal finance, an engaging experience can make saving money feel rewarding. By creating a sense of accomplishment and positive emotions, users are more likely to explore other financial services within the product.
To enhance immersion, I designed key strategies to make the main screen more engaging and intuitive.
More Details
➊ Simplified Screen Structure
In V1, users had to scroll through a lot of information, and interactive elements were placed at the top to enhance engagement. However, feedback showed that the experience felt overwhelming due to excessive information.
In V2, I simplified the layout to reduce cognitive load, making it easier for users to explore without fatigue. The streamlined structure keeps users curious and engaged, creating a more immersive experience.
➋ Key Functions for Accessibility
Among various elements on the main screen, the most critical ones are notifications, remaining budget data, and central interaction areas. Placed for easy one-handed access, ensuring smooth interaction without breaking immersion.
➌ Immersive Experience Through Avatars
Avatars visually represent users and their friends sharing the same space and experience. They also serve as a focal point, reinforcing the service’s story and functionality.
This service is a week-long savings challenge game, requiring users to engage daily for seven days. To keep the experience fresh and engaging, I focused on designing interactive elements that encourage variety and sustained participation.
More Details
Defining Interaction Cases for an Engaging User Experience
To define interaction cases, I established four key criteria that enhance the service experience. The A–D categories in the table focus on experience flow, click engagement, information guidance, and touchpoint triggers.
I mapped these criteria to relevant service experiences, leading the process of determining which interaction cases to implement.
I designed the pre-registration page with a clearer layout, concise copy, and engaging visuals. As a result, sign-ups increased by 66.7%, surpassing expectations from 3,000 to 5,000 participants.
More Details
Clear & Focused Information Display
Information is presented in a card format with titles and graphics. This clear separation helps users focus without distraction, making it easy to understand at a glance. By displaying complex data in a structured and visual way, it enhances both attention and comprehension.
A Deeper Look into Our Design Strategy
Many users find saving difficult and isolating. To change this, we applied Aaron Walter’s Pyramid of User Needs, focusing on the ‘Pleasurable’ layer to create an experience that goes beyond usability.
By prioritizing pleasurable interactions, we designed a system that encourages emotional engagement—helping users connect, interact, and feel rewarded for their progress. This shift from a purely functional approach to a more engaging and rewarding experience was central to our design strategy.
Without a game engine, we crafted a visually rich experience while optimizing file size. To achieve smooth, game-like interactions, we used APNG and MP4 animations. To minimize file size, we developed short, looping animations for each character and separated motion layers, maintaining seamless motion without performance trade-offs.
