Daria Tsukali
Product Designer · UX/UI
I’ve been designing interfaces since 2019 and working in product design since 2023. I take projects from user interviews and hypotheses all the way to final designs and a design system. Open to roles in any industry. I work remotely from Bishkek, English B2.
Offer showcase builder
- Role
- Product Designer
- Team
- The company’s product team and developers, with users from the monetization team
- Format
- Full-time, Click2Money
- Date
- 2024
- Stack
Result
The monetization team builds a showcase in minutes instead of waiting hours or days for a developer
Context
At Click2Money, an offer showcase is a page with a list of advertisers’ offers. The monetization team sends traffic to these pages and uses them to test hypotheses, and a sizable share of the team’s revenue came through them. Showcases were built by hand: a manager described the page and a developer coded it, and as traffic grew, even a simple showcase had to wait in the development queue.
Editor or builder
The product team, me included, wanted a visual editor like the ones competitors had, but the developers estimated it as long and expensive: there are many templates, and the editor would have needed support for almost each of them. The whole team agreed to drop the editor, but the goal stayed the same: the monetization team launches showcases without developers.
Interviews and the first version
To understand what the builder really needed, I ran 8 in-depth interviews with the company’s internal teams and identified the main scenario: pick a country and a domain, choose offers, put them in order, set up the look and save. Anything outside that path I moved out of the first version, and whenever someone asked for one more feature, I went back to the interviews to check whether it solved a task from the main scenario. The first version of the flow failed usability testing, and I reworked it before the release. In total, I ran 10 usability tests over the course of the project.
Embedding in other projects
After the launch, other company projects with different interfaces needed the builder too, and the developers decided to embed it via an iFrame, that is, to place it inside other products’ pages. I rebuilt the interface for this format on the ready-made Chakra design system, retested the flows for usability and along the way removed what had been left in the first version as a compromise for speed.
Templates
The interviews showed that visual design doesn’t affect conversion and that almost all traffic is mobile, so a template’s job is to fit as many offers as possible on one phone screen. I built the templates on a separate token-based design system, which I cover in a separate case study.
Settings: country and language, a custom domain, analytics and alerts about problems with offers
Template: accent color, theme and offer card style, with a live preview right next to it
Content: showcase blocks in order, and a banner with its own image and its own offer
An offer group: the heading, the card design and how the cards look on mobile and desktop
Promo pop-ups: when and where they appear and which offer they lead to
Help: answers to common questions about each tab open on top of the showcase
The first version: settings, the list of offers in order and the card look on a single page
How a showcase built in the builder looks on a phone: one template in the dark and light themes with different accents