How I Built VSAVER: A Loyalty Program App for VcareMart

VSAVER is the official loyalty program application for VcareMart, a supermarket business — designed to reward customers every time they shop.

The application brings the important parts of the VcareMart loyalty experience together in one place, including Vpoints tracking, cash balance management, exclusive offers, hourly deals, and a digital membership card.

I worked on the application-side design and development of VSAVER — the user interface, mobile application development, application workflows, API integration, feature implementation, and connecting the different parts of the app into a complete customer experience.

The goal was to create a simple and convenient mobile experience where VcareMart customers could manage their loyalty benefits and discover offers directly from their phones.

What is VSAVER?

VSAVER is a customer loyalty application built for VcareMart.

The app is designed around a simple idea:

Reward customers for shopping and make those rewards easy to access.

Instead of customers needing to manage loyalty information separately, VSAVER brings their rewards, balances, offers, and membership information together in a single mobile application.

The application provides customers with:

• Vpoints tracking
• Cash balance
• Loyalty rewards
• Exclusive offers
• Hourly deals
• Digital membership card
• Branch-based offers
• Offer sharing
• Offer flyer saving

My Role in Developing VSAVER

My work on VSAVER focused on the complete application side of the product.

I worked across the mobile application experience — from designing and implementing interfaces to integrating APIs and developing the application's features and workflows.

My responsibilities included:

• UI/UX design and implementation
• Mobile application development
• Application screen development
• Navigation and user flows
• API integration
• Authentication and user flows
• Vpoints and balance display
• Offers and deals functionality
• Branch-based offer experience
• Hourly deal countdown functionality
• Digital membership card experience
• Offer sharing
• Saving offer flyers
• Testing and debugging
• Production application integration

The backend services provide the required data and APIs, while my focus was on building the application experience around those services.

Points & Cash Balance

One of the main features of VSAVER is the customer's loyalty balance.

The home screen gives users quick access to their current Vpoints and Cash Balance.

Vpoints are earned through purchases and can be used toward available rewards. The cash balance represents monetary rewards credited to the customer's account.

Displaying these balances directly on the home screen makes it easy for users to understand their current loyalty status without having to search through multiple screens.

Real-Time Balance Experience

The application communicates with the required services through APIs to retrieve the customer's loyalty information.

This allows the application to present updated points and cash balance information to the user.

From the application side, I worked on integrating these APIs into the user interface and handling the different states involved in loading and displaying the information. The goal was to make the experience feel simple even though several data interactions happen behind the scenes.

Offers & Deals

Another major part of VSAVER is the offers section.

VcareMart customers can discover featured offers and promotional deals through the application. The application displays offers based on the user's nearest VcareMart branch, making the promotional content more relevant to the customer.

This creates a more personalized experience:

Customer → Location/Branch → Relevant VcareMart Offers

Instead of showing every available promotion, users can discover offers associated with their nearby branch.

Hourly Deals

One of the more interactive features of VSAVER is the hourly deal system.

Hourly deals are limited-time promotions, so the application needs to communicate the remaining time clearly.

To achieve this, the application provides a live countdown timer for active hourly deals. The user can immediately understand what the deal is, when it expires, and how much time remains.

The countdown experience was implemented as part of the mobile application so that customers could easily recognize time-sensitive promotions.

Digital Membership Card

VSAVER also provides users with a digital membership card.

Instead of relying entirely on a physical loyalty card, customers can access their membership information through the application. This makes the loyalty experience more convenient and keeps the membership information accessible from the user's phone.

The digital card is another example of how the application brings multiple parts of the VcareMart loyalty program into one place.

Saving and Sharing Offers

VSAVER also provides options for customers to interact with promotional flyers.

Users can:

• Save offer flyers to their device gallery
• Share offers with friends

These features turn the application from simply an information platform into something customers can use to discover and share VcareMart promotions. The application-side implementation required handling the interaction between the app and the device's sharing and storage capabilities.

Designing the Customer Experience

A loyalty application needs to be simple.

Customers should not have to navigate through complicated menus to find their points, membership information, or current offers.

For VSAVER, the application experience was designed around making the most frequently needed information accessible quickly.

The main experience brings together Rewards + Balance + Offers + Membership in a single application.

API Integration

VSAVER relies on API-driven data for several of its core features.

The application communicates with backend services to retrieve and work with information such as:

• Customer information
• Vpoints
• Cash balance
• Offers
• Branch information
• Hourly deals
• Membership information

I worked on integrating the required APIs into the application and connecting the returned data with the corresponding interfaces and workflows. This included handling application states such as loading, successful responses, empty data, and errors.

Building a Real-World Loyalty Application

VSAVER was an interesting application to work on because it combines several different types of mobile functionality into one customer-facing product. It includes:

• Loyalty management
• Dynamic data
• Location/branch-based content
• Promotional offers
• Countdown timers
• Digital membership
• Device-level sharing
• Local image saving
• API integration

Each individual feature needs to work correctly, but more importantly, all of them need to feel like one consistent application.

Challenges During Development

Presenting Dynamic Loyalty Information

Points and cash balances can change based on customer activity. The application therefore needed to retrieve and display the latest available information through the integrated services while keeping the user experience smooth.

Branch-Based Offers

Offers needed to be relevant to the customer's nearest VcareMart branch. This required connecting branch information with the application's offer experience.

Time-Sensitive Deals

Hourly deals introduce another challenge because their availability changes with time. The countdown timer needed to clearly communicate the remaining availability of each promotion.

Mobile Device Integration

Features such as saving promotional flyers and sharing offers require interaction with the device itself. The application needed to provide these actions in a way that felt natural to mobile users.

What I Learned From Building VSAVER

Working on VSAVER gave me experience in developing a real-world customer-facing loyalty application.

The project helped me work with:

• Mobile application development
• UI/UX implementation
• API integration
• Dynamic data
• Loyalty systems
• Branch-based content
• Time-sensitive promotional features
• Countdown timers
• Digital membership experiences
• Device sharing
• Local image handling
• Application testing and debugging

It also reinforced the importance of designing applications around real user behavior. A loyalty application is not only about displaying points. It needs to make rewards, offers, and membership information easy to understand and useful in everyday situations.

The Result

VSAVER brings the VcareMart loyalty experience into a dedicated mobile application.

Customers can use the application to:

Track their Vpoints
View their cash balance
Access their digital membership card
Discover nearby branch offers
Follow hourly deals
Save promotional flyers
Share offers with friends

All of these experiences are brought together in one application.

Final Thoughts

Developing VSAVER gave me the opportunity to work on a customer-facing mobile product where technology, design, and real-world retail workflows come together.

From the loyalty dashboard and points experience to branch-based offers, hourly deal countdowns, digital membership, and device-level sharing, the project involved a wide range of application development challenges.

My contribution focused on the application-side design and development of VSAVER, including UI/UX implementation, mobile development, API integration, feature development, and application workflows.

VSAVER is a project that represents my experience in building practical mobile applications designed for real customers and real business requirements.

Written as a reflection on building a real-world customer loyalty application. August 2026.