loyalty app
Compal - Pomar de Prémios
Elevating Digital Loyalty for Compal
Compal Pomar de Prémios is a loyalty mobile app where users collect virtual fruits by scanning QR codes on Compal products to redeem rewards. My role was to bring the experience to life, elevating the existing UX with a high-end UI that respects and pushes forward Compal’s iconic branding and visual values while delivering and engaging and rewarding experience to consumers.
UX transformation
Redesigned the core journey from scratch, simplifying the complex "scan-to-reward" flow to maximize user completion rates.
UI engagement
Designed high-fidelity UI interactions that turned QR code scanning into a satisfying habit.
Visual strategy
Balanced Compal’s vibrant brand identity with modern and rewarding UI.
Technical handoff
Delivered a production-ready system with detailed interaction specs, ensuring a seamless and accurate implementation by the engineering team.
Redefining how a market leader interacts with its consumers through a mobile app rewarding ecosystem.
Convertion
Making the "scan-to-app" transition easy and fast to prevent user drop-off.
Brand alignment
Ensuring the digital experience felt like a premium extension of Compal’s physical packaging.
Rewarding strategy
Engage users with visual appealing collections of fruits and attractive wards.
Way of work 💡
What I delivered
Requirements
Analyzing the initial project scope to define the most efficient user flows for rewards and redemption.
UX Design - Figma
Translated complex requirements into validated user flows and low-fidelity structures.
Prototyping - Figma
Building interactive models to stress-test the "Scan-to-Reward" journey before development.
Design Systems - Figma
Modular component libraries and token systems that ensures consistency and scalability.
Key takeaways from delivering a high-engagement consumer product.
The Power of Micro-interactions
I learned how subtle animations can bridge the gap between "working" (scanning) and "playing" (earning).
Engineering Synergy
The importance of early-stage technical alignment to ensure complex UI features are feasible within the budget.
Design for Edge Cases
Realizing that the design must work just as well for a user with a crushed receipt as it does for a perfect scan.
