La Cuponera

Mobile coupoun cashback application for Procter and Gamble

La Cuponera, mobile cashback application main image
La Cuponera, mobile cashback application main image

My Role:

Product design ∣ Research ∣ UX writing

Product design ∣ Research ∣ UX writing

Tools:

Figma ∣ Miro ∣ Jira ∣ Slack ∣ Notion

Figma ∣ Miro ∣ Jira ∣ Slack ∣ Notion

In today’s world, everyone is looking for ways to save money. One of the most popular ways to do this is through mobile cashback apps. These apps allow users to earn cashback on their purchases, ultimately helping them save money.

This application was designed, build and launched for Procter and Gamble’s Spanish and Portuguese market. For the purpose of this case study, I have translated all screens into english language.

In today’s world, everyone is looking for ways to save money. One of the most popular ways to do this is through mobile cashback apps. These apps allow users to earn cashback on their purchases, ultimately helping them save money.

This application was designed, build and launched for Procter and Gamble’s Spanish and Portuguese market.

I have joined this project in its begining as an independent Product Designer. I started with a concept, and needed to define a design process, which helped me break down this project into smaller, easier to handle steps.

In today’s world, everyone is looking for ways to save money. One of the most popular ways to do this is through mobile cashback apps. These apps allow users to earn cashback on their purchases, ultimately helping them save money.

This application was designed, build and launched for Procter and Gamble’s Spanish and Portuguese market.

I have joined this project in its begining as an independent Product Designer. I started with a concept, and needed to define a design process, which helped me break down this project into smaller, easier to handle steps.

I have joined this project in its begining as an independent Product Designer. I started with a concept, and needed to define a design process, which helped me break down this project into smaller, easier to handle steps.

I have joined this project in its begining as an independent Product Designer. I started with a concept, and needed to define a design process, which helped me break down this project into smaller, easier to handle steps.

The Challenge

The client approached us with the challenge of developing a mobile coupon cashback application that could differentiate itself from the existing applications.

The primary aim of the client was to address user retention, which had always been a challenge for mobile cashback applications. Secondary aim is to help attract new customers, increase loyalty and boost sales.

The client wanted to develop a platform that provided a seamless user experience, incentivized users to use the application frequently, and increased engagement.

The client approached us with the challenge of developing a mobile cashback application that could differentiate itself from the existing applications.

The primary aim of the client was to address user retention, which had always been a challenge for mobile cashback applications. Secondary aim is to help attract new customers, increase loyalty and boost sales.

The client wanted to develop a platform that provided a seamless user experience, incentivized users to use the application frequently, and increased engagement.

The client approached us with the challenge of developing a mobile cashback application that could differentiate itself from the existing applications.

The primary aim of the client was to address user retention, which had always been a challenge for mobile cashback applications. Secondary aim is to help attract new customers, increase loyalty and boost sales.

The client wanted to develop a platform that provided a seamless user experience, incentivized users to use the application frequently, and increased engagement.

Discovery & Research

Research Goal

  • To understand user behaviors, needs, and pain points related to online shopping, coupon use, and cashback.

  • Identify gaps in existing solutions.

  • Build user personas to guide design and development.

Project Goal

  • To design a user-friendly coupon cashback application that helps online shoppers save money, earn cashback seamlessly, and improve their shopping experience.

  • The app should address users’ pain points with existing solutions.

  • To cater to a diverse audience of shoppers.

Some "a must have" app goals specified by Procter & Gamble

Some "a must have" app goals
spcified by Procter & Gamble

  • Users can earn cashback for Procter and Gamble’s items they buy via scanning receipts.

  • Allow users to view offers without being sign up into application .

  • Cashback flow needs to be as simple as possible.

  • The ability for customers to securely link their bank accounts, allowing them to earn cashback automatically as they spend money.

  • Users can get cashback once they reach 10€.

Business Objectives

  • Increase user retention through intuitive design and transparent cashback processes.

  • Differentiate from competitors by simplifying the user journey and addressing common frustrations.

Assumptions

  • Users want an easier way to access and apply discounts.

  • Existing cashback platforms are perceived as complicated or untrustworthy.

  • Convenience and transparency are key factors in retaining users.

User interview

The objective is to understand users' experiences, preferences, and pain points with online shopping, coupon usage, and cashback programs, informing the design of a user-friendly coupon cashback application. User interview was conducted with 30 participants,( already existing customers of Procter & Gamble) and questions were divided into 4 segments:

The objective is to understand users' experiences, preferences, and pain points with online shopping, coupon usage, and cashback programs, informing the design of a user-friendly coupon cashback application. User interview was conducted with 30 participants,( already existing customers of Procter & Gamble) and questions were divided into 4 segments:

1. Warm up questions

Can you tell me a bit about yours online shoping habbits?

  • How often do you shop online?

  • What types of products do you buy most frequently?


Do you currently use any tools or apps to save money while shopping online ( coupon websites, cashback programs )?

  • Which ones do you use and why?

  • How often do you use them?

1. Warm up questions

Can you tell me a bit about yours online shoping habbits?

  • How often do you shop online?

  • What types of products do you buy most frequently?


Do you currently use any tools or apps to save money while shopping online ( coupon websites, cashback programs )?

  • Which ones do you use and why?

  • How often do you use them?

1. Warm up questions

Can you tell me a bit about yours online shoping habbits?

  • How often do you shop online?

  • What types of products do you buy most frequently?


Do you currently use any tools or apps to save money while shopping online ( coupon websites, cashback programs )?

  • Which ones do you use and why?

  • How often do you use them?

2. Current behaviour and Challenges questions

2. Current behaviour and Challenges questions

2. Current behaviour and Challenges questions

3. Pain points questions

3. Pain points questions

3. Pain points questions

4. Closing questions

4. Closing questions

4. Closing questions

Findings from Interviews

Findings from Interviews

Key Pain Points

  • Complex processes: Users finds existing cashback apps hard to navigate, especially during redemption.

  • Lack of transparency: Many participants expressed frustration with unclear terms, such as when cashback would be credited or conditions for using coupons.

  • Overwhelming information: Users feel bombarded with irrelevant deals that don't match their shopping preferences.

  • Low trust levels: Concerns about the reliability of cashback payouts and privacy issues deter continued use.

  • Complex processes: Users finds existing cashback apps hard to navigate, especially during redemption.

  • Lack of transparency: Many participants expressed frustration with unclear terms, such as when cashback would be credited or conditions for using coupons.

  • Overwhelming information: Users feel bombarded with irrelevant deals that don't match their shopping preferences.

  • Low trust levels: Concerns about the reliability of cashback payouts and privacy issues deter continued use.

  • Complex processes: Users finds existing cashback apps hard to navigate, especially during redemption.

  • Lack of transparency: Many participants expressed frustration with unclear terms, such as when cashback would be credited or conditions for using coupons.

  • Overwhelming information: Users feel bombarded with irrelevant deals that don't match their shopping preferences.

  • Low trust levels: Concerns about the reliability of cashback payouts and privacy issues deter continued use.

User motivations

User motivations

User motivations

  • Maximazing savings: Most users are eager to save on purchases, especially for high-volume or frequent categories like groceries.

  • Convenience: Users prefer apps that simplify the process, such as automatic coupon applicaiton or direct cashback

  • Transparency: Clear, upfront information about how cahback works builds trust and encourages adoption.

  • Maximazing savings: Most users are eager to save on purchases, especially for high-volume or frequent categories like groceries.

  • Convenience: Users prefer apps that simplify the process, such as automatic coupon applicaiton or direct cashback

  • Transparency: Clear, upfront information about how cahback works builds trust and encourages adoption.

  • Maximazing savings: Most users are eager to save on purchases, especially for high-volume or frequent categories like groceries.

  • Convenience: Users prefer apps that simplify the process, such as automatic coupon applicaiton or direct cashback

  • Transparency: Clear, upfront information about how cahback works builds trust and encourages adoption.

Personas

To help understand users' needs, behaviors, goals, and pain points in a relatable and actionable way I have created the 3 personas based on outcomes from user interviews.

To help understand users' needs, behaviors, goals, and pain points in a relatable and actionable way I have created the 3 personas based on outcomes from user interviews.

Persona 1
Persona 1
Persona 2
Persona 2
Persona 3
Persona 3

Wireframes

I started with sketches, which helped me determined direction, infrastructure and functions for the application and using the information gathered from the previous step and after few explorations of possible solutions and ideation I began to develop the wireframes.

All my findings were always presented to and discussed with the stakeholders.

Wireframes for mobile coupon cashback application for Procter and Gamble
Wireframes for mobile coupon cashback application for Procter and Gamble

Styleguide

Styleguide for coupon cashback application for Procter and Gamble
Styleguide for coupon cashback application for Procter and Gamble

Prototype

Prototype

Once the wireframes were completed and approved, I moved on to creating more detailed and interactive mockups using a prototyping tool. This allowed me to test and refine the user experience and ensured that all functionalities were working as intended.

After testing the mockups with potentional users and receiving feedback, I moved on to finalizing the designs with detailed documentation for our development team and worked closely with out devs to ensure that the designs were implemented accurately and to troubleshoot any issues that arose during the development process.

Throughout the design process, I made sure to adhere to best practices for usability and accessibility, as well as ensuring that the design reflected the brand’s identity and aligned with the stakeholders’ vision for the application.

Onboarding

Introducing to you La Cuponera. Before signing up, the introductions will let you quickly understand what La Cuponera is and how this application can help you save money on your shopping with trusted PG brands. introduction screen for first time users, it can be utilized for returning users or for when there is an update to the app features.

This is benefits oriented onboarding – an app onboarding process that focuses on the app value, what it can do for the users, and how one achieves its end goal.

Prototype Onboarding for mobile coupon cashback application
Prototype Onboarding for mobile coupon cashback application

This is benefits oriented onboarding – an app onboarding process that focuses on the app value, what it can do for the users, and how one achieves its end goal.

Create an account

Users can choose to create an account with one–click registration or by filling in neccessary information in order to create an account. One click registration provides the user with a quick and efficient process to get registered without going into the hassle of creating a new account and providing all the information from scratch.

Prototype Create an account for mobile coupon cashback application
Prototype Create an account for mobile coupon cashback application

Autofocus is automatically activated in the first field in the registration form. In that way, we give a hint to a user where he should start and as a result, significantly boost the whole process. Moreover, you save users from one additional tap and a bunch of unwanted speculations.

Easy switching between “create an account ” and “log in ” in the case that someone does click the wrong option, user can switch easy between options located at the bottom.

Preferences

To follow healthy marketing practise mobile marketing opt–ins are an excellent way to proceed as it requires the consent of the user. Mobile opt–ins help brand to directly communicate with the consumer and maintain relationship with its users.

Prototype Preferences for mobile coupon cashback application
Prototype Preferences for mobile coupon cashback application

Home page

The home page provides an overview of the hottest Procter and Gamble products for which the user can collect cashback. The homepage is divided into four sections: a category menu, where the user can choose from a desired category of selected products, the hottest products, a navigation section throughout the entire application, and the user’s profile and settings.

Prototype Home page for mobile coupon cashback application
Prototype Home page for mobile coupon cashback application

If the user opts–in to selected mobile marketing options during registration, the product selection will be specifically customized to their previous searches.

To select a desired product for purchase and receive cashback, the user taps on the plus button. This action adds the product to the My Promotions page within the application. Alternatively, the user taps on the product to be directed to the specific product page. Alternatively, the user can click on the product to be directed to the specific product page.

Product page

Users can find more information about the product and add the product to My Promotions from that page. On the product page, the user can also view how many products can be purchased and received cashback. If all products are used, it will not be possible to add to "My promotions".

Prototype Product page for mobile coupon cashback application
Prototype Product page for mobile coupon cashback application

Product page

Alternatively, the user can click on the product to be directed to the specific product page. There, they can find more information and add the product to My Promotions from that page. On the product page, the user can also view how many purchases of the same product are necessary to collect cashback.

My promotions

My promotion page allows users to accumulate all the products they wish to purchase in order to receive cashback.

Once the user has made their purchase at an offline shop, they can select the products they bought and upload a scan of the physical receipt which will be stored in the My Receipts page. Additionally, users can view an overview of how much potential cashback they can receive for the selected products.

Prototype My promotions for mobile coupon cashback application
Prototype My promotions for mobile coupon cashback application

My receipts

All the scanned receipts are stored in My receipts page. Users can see an information with an actual cashback they will receive and can track or check status of every receipt.

There are four statuses for each receipt:

There are four statuses for each receipt:

There are four statuses for each receipt:

Contact support

Something went wrong with the receipt, the receipt is not valid, or the purchased product is not on the scanned receipt.

Scan me

The receipt might be blurry, was not scanned well, or is incomplete.

Processing

Everything is in order and receipt is being processed.

Everything is in order and receipt is being processed.

Approved

The receipt is approved and cashback is being added to a wallet

Prototype My receipts for mobile coupon cashback application
Prototype My receipts for mobile coupon cashback application

Wallet

An overview of how much cashback users can receive and withdraw using their preferred method: Bank account, Bizum, or PayPal. The only limitation set by Procter and Gamble is that users can withdraw once they reach a limit of 10€. Before reaching this limit, users will receive notifications indicating how much more cashback they need to withdraw. After reaching 10€, it is up to the user to decide when and how to withdraw their cashback.

Prototype Wallet for mobile coupon cashback application
Prototype Wallet for mobile coupon cashback application

In addition, users receive a cashback bonus for every friend they refer to the application. We have created a small informative overview to show users how much cashback they have earned from referrals and how much cashback they can receive for buying products with cashback offers.

Profile

A profile page is a section where users can view and manage their personal information, settings, preferences, and activities within the app. It serves as a central hub for users to access and control their account details.

Prototype Profile for mobile coupon cashback application
Prototype Profile for mobile coupon cashback application

Notifications

I have opted for both push notifications and in-app notifications. Push notifications can boost conversion rates, stimulate user engagement with special offers or newly added products, and offer the opportunity to gain customer insights, which are important for refining and improving the application.

Prototype Notifications for mobile coupon cashback application
Prototype Notifications for mobile coupon cashback application

App reviews

App reviews
App reviews

Let's talk about the next big thing!