Skip to content
← Back to portfolio

An eGift app for a French retailer: carts, promos, endings

Project release4 min read
eGiftPayment UXMobile FlowState DesignFintech UX

An eGift app for a well-known French retailer

This is an eGift app designed for a well-known French retailer, one you may have seen on television. People buy digital gift cards for themselves or friends, and every purchase accrues cashback. Because the product is sensitive, every screenshot here is ultra low resolution and fully blurred with only the section headings kept, showing the scale and complexity of the flows without exposing their content. The text focuses on what was genuinely hard.

Heavily blurred onboarding sequence of five app screens with swipe steps and a final login register choice
Onboarding, blurred by intent: three swipe steps explaining the cashback loop, ending at login, register or shop now.

Cart, promo and cashback: the real complexity

It looks like buying one card, but every step forks. Amounts come as denominations or custom entry; buying for a friend needs receiver data and a delivery choice; guests may browse but hit a login register gate before checkout; the cart handles multiple cards, delete confirmations and scroll states; and an applied promo recalculates the total, the cashback and each card's share in real time. My approach was a complete state board for the cart: empty, multi card, scrolling, promo entry, promo applied, every cell a screen that will really occur, built cell by cell and tested cell by cell.

Heavily blurred buy flow with crisp headings for buy plus card detail, scroll up, receiver data and guest mode login
The buy flow, blurred with its headings kept: card detail, amount entry, receiver data and the guest mode gate.
Heavily blurred cart board with crisp headings: cart, cart scroll up, promo, promo enter and cart with promo
The cart board, blurred with headings kept: five cart states from empty scrolling to promo applied.
Heavily blurred payment board with crisp headings: cart with promo, payment page, terms pop up and checked terms
Payment assembly, blurred with headings kept: promo, payment mean and the terms gate before pay.

Payment endings and what they must say

Payment ending pages are the most underrated screens in the app. Success says more than success: when the cashback lands, which inbox got the order details, when the gift card arrives, all on that one page. Failure matters even more: it lists likely causes (card details, funds, a bank block) with concrete next steps and a support channel, so a failed payer knows where to go instead of retrying into abandonment. The summary: conversion hides in the ending pages, because that is where the user's emotion peaks.

Heavily blurred payment result screens under crisp Success and Failed headings
The two endings: success with cashback and delivery details, failure with reasons and recovery steps.