La Cuponera
Mobile coupoun cashback application for Procter and Gamble
My Role:
Tools:
The Challenge
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.
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
Key Pain Points
Personas
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.
Styleguide
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.
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.
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.
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.
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.
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.
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.
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
Approved
The receipt is approved and cashback is being added to a wallet
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.
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.
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.