Background
Building campaigns in affiliate marketing is hard. At MGID, that was costing advertisers time and making tasks fail. Our first tests found big usability problems: users spent 16.28 minutes per task with a 65% success rate and rated the difficulty 3.4 / 7. The goal wasn't just a fresh look — it was to make the flow make sense and help more people finish, with as few backend changes as possible.
A first round of testing set our baseline and showed where new users got stuck in the main flows.
My role
As Lead Designer, I led the redesign from start to finish, working with a product manager, UX writer, and developers to keep the user first in every decision.
- Led the full redesign — research, design, build, and launch
- Ran research, workshops, user interviews, and journey maps
- Used data to find what users needed, and checked decisions with usability tests
- Designed wireframes, prototypes, and the final UI within the technical limits
- Set UI standards together with the team
- Helped plan quarterly strategy and the roadmap
- Built a design system to speed up onboarding and cut confusion
Research
First I looked at how users build campaigns, to find what to improve.
- Competitor audits — asked experts, used SimilarWeb Pro to study the top 10competitors, and compared how they're organised with MGID.
- Heatmaps — studied Hotjar data and session recordings to check our assumptions and learn more.
- Workshops — ran sessions with the product manager and experts (affiliates, media buyers, brands) to map the customer journey and find pain points.
- User interviews — checked our ideas and got a deeper sense of how affiliates work.
Wireframes & prototyping
Once the direction was set, I built wireframes and updated the user flows. I showed the designs to users and the team for testing and feedback, then refined them.
Design system integration
I added a component library to speed up development. The old platform wasn't consistent, which slowed work, made teamwork harder, and caused usability problems. Research by Anja Klüver at Prospect shows design systems can make projects 30% faster and 30% cheaper.
- Made the product easier to learn, with predictable screens
- Freed up time for research and harder problems
- Saved 50% of the time on common patterns
- Sped up development by 25%
- Sped up prototyping by 25%
- Made onboarding easier for new designers and developers
Campaign performance
The goal was to simplify the page without losing features or blocking new ones.
- Moved the Advertiser / Publisher switch into the user profile.
- Added a graph you can collapse, since many users prefer the table.
- Made the graph interactive, so you can compare your own metrics.
- Tidied up campaign actions — hid the less-used ones on hover, and moved Statistics, Optimisation, and Ads to the campaign page.
Ad creation
Research showed that most users — especially affiliates — make several versions of each ad in one sitting, mixing text and images to find the pair that converts best. The old interface made you repeat the whole ad flow for every pair.
To fix this, we let users create many ads at once: the tool auto-generates a range of text–image pairs, which saves a lot of time.
Research also turned up a few common frustrations:
- Some features were confusing (Category Selection, Teaser Rich, Read Metadata).
- It was unclear how to set the image focal point and sizes.
- There was no clear preview for the different image formats.
To fix these, I made these changes:
- Moved CPC into Limits & Schedule at the campaign level, while still letting you set it per ad.
- Gave the focal point its own screen, with a preview of every format for the chosen teaser, so you can fine-tune where each image is centred.
- Added time-savers — title suggestions and AI-generated images — and removed fields that weren't needed.
Campaign creation
Here the focus was simplifying the process to fix the main pain points: complex fields, confusing errors, and no way to save a draft.
- Split creation into 3 clear steps with a progress bar.
- Added auto-save and inline checks to prevent lost work.
- Put errors on the right fields, with clearer wording.
Based on feedback that targeting was too complex:
- Simplified the layout so it's easier to scan and set up targeting.
- Replaced unclear icons with plain text labels for include / exclude.
- Removed fields that weren't needed — like category — by collecting the data automatically.
- Moved traffic insights to a separate page, since they were rarely needed during creation.
Campaign optimisation
This part needed a lot of work with the product manager and backend developers, since the interface changes leaned heavily on the backend.
Optimising a campaign is ongoing manual work — tracking stats, reading data, adjusting CPC, turning off weak sources. MGID had built rule-based automation, but only 3% of advertisers used it. Interviews showed that the heavy tracking setup during campaign creation was putting people off.
Since we'd already rebuilt the tracking flow, the goal here was to use design to get more people using the feature, without big backend changes:
- Made the automatic rules easier to find, with a better layout.
- Reordered columns based on what we heard in interviews.
- Moved goal settings into filters.
Results
Internal testing with 7 experts in mid-April went well. Feedback was mostly positive, and almost everyone finished the tasks on their own. Each session — about 1.5–2 hours — combined a usability test with an interview to check task completion and gather feedback afterwards.
| Metric | Initial | Updated |
|---|---|---|
| Time on task | 16.28 min | 14.13 min |
| Success rate | 65% | 96% |
| Difficulty (SEQ) | 3.4 / 7 | 5.6 / 7 |
Next steps
- Keep rolling out the design system to the rest of the product.
- Run a follow-up test with more people to confirm the gains hold over time.
- Get more people using automation, starting from the new optimisation flow.