Good-Loop social media ad player
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Balancing three brands in a single ad format — and increasing engagement across Facebook, Instagram, and Snapchat.
About the Good-Loop ads
Good‑Loop is an ethical advertising platform that transforms video ads into a force for good: when viewers engage with an ad, they unlock a donation to a charity chosen by the advertiser. This model not only drives positive social impact but also significantly boosts brand perception, ad recall, and engagement.
For this project, we redesigned Good‑Loop’s social media video ad players — a unique challenge because each ad must simultaneously represent:
the advertiser’s brand
the Good‑Loop brand
up to three charity partners
All within the tight constraints of social media formats.
Challanges
The existing ad players struggled to balance multiple brand identities without overwhelming viewers. The redesign needed to:
Prioritise the advertiser’s brand while keeping Good‑Loop instantly recognisable
Display one to three charity logos clearly and consistently
Communicate the “Ads for Good” concept within seconds
Avoid visual clutter or “spammy” overlays
Increase engagement across Facebook, Instagram, and Snapchat
Respect platform‑specific constraints (e.g., Facebook’s CTA button placement, Snapchat’s logo behaviour)
The challenge was to create a unified design system that worked across platforms, formats, and brand combinations — without compromising clarity or performance.
Design process
Technical research & competitive analysis
Design workshop
Static design exploration
Motion design & animation
A/B test campaign
Iteration based on client and platform feedback
Technical requirements and best practices
Before designing, I mapped the entire social media ad landscape:
Audited Good‑Loop’s existing video players
Analysed relevant ad formats across Facebook, Instagram, and Snapchat
Reviewed how other brands handle multi‑logo layouts
Identified available CTA labels (notably: “Donate Now” was not available, requiring custom overlays)
Documented platform‑specific technical constraints
This research shaped the design principles and ensured all concepts were feasible across platforms.
Design workshop
I kicked off the workshop by presenting the research findings, constraints, and opportunities.Participants then brainstormed using a set of modular design elements (logos, overlays, text blocks).
The goal wasn’t to produce final designs but to generate a wide range of ideas.We dot‑voted to prioritise the strongest directions and captured additional insights that informed the next phase.
Static design
Working with Emilia Buggins (Creative Director, Kireli Studio), we developed nine core design options, each with variations. These explored different ways of balancing:
advertiser branding
Good‑Loop branding
charity logos
CTA placement
visual hierarchy
Animation
I then collaborated with motion designer Soraya Yumi to animate the strongest concepts.Animation played a crucial role in:
revealing branding without overwhelming the video
drawing attention to charity options
improving recognisability
increasing engagement
During this phase, we identified issues such as insufficient emphasis on charity logos in some concepts — and resolved them through animation timing and layout adjustments.
test campaign
We ran a two‑week A/B test across Facebook and Instagram using 10 animated design options.I evaluated performance using engagement‑per‑impression metrics.
Results
One design emerged as the clear winner for in‑feed ads
A different option performed best in Stories
I selected the top‑performing in‑feed design as the primary template to maintain cross‑format consistency and recognisability
second iteration
Once the new design was in use with clients, we received valuable feedback that informed a second iteration:
Some brand guidelines prohibited arrows/chevrons → removed
Snapchat deprioritised ads with animated arrows → removed
Advertisers wanted more brand visibility → added a dynamic brand label
Snapchat does not display the advertiser logo in the top left → adjusted layout accordingly
The updated design introduced a sliding Good‑Loop label that appears briefly, then retracts — improving brand visibility without obstructing the video. This also allowed us to use a more descriptive Good‑Loop logo (“Ads for Good”), strengthening brand awareness.
improvements
Cleaner brand hierarchy
Advertiser logo no longer appears twice
No overlap with platform UI elements
Good‑Loop branding restored
Previously missing entirely; now integrated elegantly
Improved charity visibility
Charity logos placed on solid backgrounds
Clearer transitions between multiple charity options
Stronger CTA clarity
Shorter, more readable CTA text
Placed on a solid background for legibility
Platform‑compatible design
Avoids conflicts with Facebook Stories UI
Works across Facebook, Instagram, and Snapchat
Better communication of the value proposition
Users immediately understand they can unlock a donation
Branding and messaging are clearer and more trustworthy
More Projects
Finance
Rebuilding Protection Journeys Across Four Brands: Lloyds, Halifax, BOS & Scottish Widows
Improving clarity, trust, and conversion in a complex, regulated product space.
SaaS
Transforming a Startup‑Era Website into an Enterprise‑Ready Growth Engine
Creating intuitive pathways for diverse customer segments across a complex SaaS ecosystem.
Good-Loop social media ad player
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Balancing three brands in a single ad format — and increasing engagement across Facebook, Instagram, and Snapchat.
About the Good-Loop ads
Good‑Loop is an ethical advertising platform that transforms video ads into a force for good: when viewers engage with an ad, they unlock a donation to a charity chosen by the advertiser. This model not only drives positive social impact but also significantly boosts brand perception, ad recall, and engagement.
For this project, we redesigned Good‑Loop’s social media video ad players — a unique challenge because each ad must simultaneously represent:
the advertiser’s brand
the Good‑Loop brand
up to three charity partners
All within the tight constraints of social media formats.
Challanges
The existing ad players struggled to balance multiple brand identities without overwhelming viewers. The redesign needed to:
Prioritise the advertiser’s brand while keeping Good‑Loop instantly recognisable
Display one to three charity logos clearly and consistently
Communicate the “Ads for Good” concept within seconds
Avoid visual clutter or “spammy” overlays
Increase engagement across Facebook, Instagram, and Snapchat
Respect platform‑specific constraints (e.g., Facebook’s CTA button placement, Snapchat’s logo behaviour)
The challenge was to create a unified design system that worked across platforms, formats, and brand combinations — without compromising clarity or performance.
Design process
Technical research & competitive analysis
Design workshop
Static design exploration
Motion design & animation
A/B test campaign
Iteration based on client and platform feedback
Technical requirements and best practices
Before designing, I mapped the entire social media ad landscape:
Audited Good‑Loop’s existing video players
Analysed relevant ad formats across Facebook, Instagram, and Snapchat
Reviewed how other brands handle multi‑logo layouts
Identified available CTA labels (notably: “Donate Now” was not available, requiring custom overlays)
Documented platform‑specific technical constraints
This research shaped the design principles and ensured all concepts were feasible across platforms.
Design workshop
I kicked off the workshop by presenting the research findings, constraints, and opportunities.Participants then brainstormed using a set of modular design elements (logos, overlays, text blocks).
The goal wasn’t to produce final designs but to generate a wide range of ideas.We dot‑voted to prioritise the strongest directions and captured additional insights that informed the next phase.
Static design
Working with Emilia Buggins (Creative Director, Kireli Studio), we developed nine core design options, each with variations. These explored different ways of balancing:
advertiser branding
Good‑Loop branding
charity logos
CTA placement
visual hierarchy
Animation
I then collaborated with motion designer Soraya Yumi to animate the strongest concepts.Animation played a crucial role in:
revealing branding without overwhelming the video
drawing attention to charity options
improving recognisability
increasing engagement
During this phase, we identified issues such as insufficient emphasis on charity logos in some concepts — and resolved them through animation timing and layout adjustments.
test campaign
We ran a two‑week A/B test across Facebook and Instagram using 10 animated design options.I evaluated performance using engagement‑per‑impression metrics.
Results
One design emerged as the clear winner for in‑feed ads
A different option performed best in Stories
I selected the top‑performing in‑feed design as the primary template to maintain cross‑format consistency and recognisability
second iteration
Once the new design was in use with clients, we received valuable feedback that informed a second iteration:
Some brand guidelines prohibited arrows/chevrons → removed
Snapchat deprioritised ads with animated arrows → removed
Advertisers wanted more brand visibility → added a dynamic brand label
Snapchat does not display the advertiser logo in the top left → adjusted layout accordingly
The updated design introduced a sliding Good‑Loop label that appears briefly, then retracts — improving brand visibility without obstructing the video. This also allowed us to use a more descriptive Good‑Loop logo (“Ads for Good”), strengthening brand awareness.
improvements
Cleaner brand hierarchy
Advertiser logo no longer appears twice
No overlap with platform UI elements
Good‑Loop branding restored
Previously missing entirely; now integrated elegantly
Improved charity visibility
Charity logos placed on solid backgrounds
Clearer transitions between multiple charity options
Stronger CTA clarity
Shorter, more readable CTA text
Placed on a solid background for legibility
Platform‑compatible design
Avoids conflicts with Facebook Stories UI
Works across Facebook, Instagram, and Snapchat
Better communication of the value proposition
Users immediately understand they can unlock a donation
Branding and messaging are clearer and more trustworthy
More Projects
Finance
Rebuilding Protection Journeys Across Four Brands: Lloyds, Halifax, BOS & Scottish Widows
Improving clarity, trust, and conversion in a complex, regulated product space.
SaaS
Transforming a Startup‑Era Website into an Enterprise‑Ready Growth Engine
Creating intuitive pathways for diverse customer segments across a complex SaaS ecosystem.
Good-Loop social media ad player
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Role :
Product designer
Industry :
Advertising
Employer :
Good-Loop
Project Duration :
2 months
Balancing three brands in a single ad format — and increasing engagement across Facebook, Instagram, and Snapchat.
About the Good-Loop ads
Good‑Loop is an ethical advertising platform that transforms video ads into a force for good: when viewers engage with an ad, they unlock a donation to a charity chosen by the advertiser. This model not only drives positive social impact but also significantly boosts brand perception, ad recall, and engagement.
For this project, we redesigned Good‑Loop’s social media video ad players — a unique challenge because each ad must simultaneously represent:
the advertiser’s brand
the Good‑Loop brand
up to three charity partners
All within the tight constraints of social media formats.
Challanges
The existing ad players struggled to balance multiple brand identities without overwhelming viewers. The redesign needed to:
Prioritise the advertiser’s brand while keeping Good‑Loop instantly recognisable
Display one to three charity logos clearly and consistently
Communicate the “Ads for Good” concept within seconds
Avoid visual clutter or “spammy” overlays
Increase engagement across Facebook, Instagram, and Snapchat
Respect platform‑specific constraints (e.g., Facebook’s CTA button placement, Snapchat’s logo behaviour)
The challenge was to create a unified design system that worked across platforms, formats, and brand combinations — without compromising clarity or performance.
Design process
Technical research & competitive analysis
Design workshop
Static design exploration
Motion design & animation
A/B test campaign
Iteration based on client and platform feedback
Technical requirements and best practices
Before designing, I mapped the entire social media ad landscape:
Audited Good‑Loop’s existing video players
Analysed relevant ad formats across Facebook, Instagram, and Snapchat
Reviewed how other brands handle multi‑logo layouts
Identified available CTA labels (notably: “Donate Now” was not available, requiring custom overlays)
Documented platform‑specific technical constraints
This research shaped the design principles and ensured all concepts were feasible across platforms.
Design workshop
I kicked off the workshop by presenting the research findings, constraints, and opportunities.Participants then brainstormed using a set of modular design elements (logos, overlays, text blocks).
The goal wasn’t to produce final designs but to generate a wide range of ideas.We dot‑voted to prioritise the strongest directions and captured additional insights that informed the next phase.
Static design
Working with Emilia Buggins (Creative Director, Kireli Studio), we developed nine core design options, each with variations. These explored different ways of balancing:
advertiser branding
Good‑Loop branding
charity logos
CTA placement
visual hierarchy
Animation
I then collaborated with motion designer Soraya Yumi to animate the strongest concepts.Animation played a crucial role in:
revealing branding without overwhelming the video
drawing attention to charity options
improving recognisability
increasing engagement
During this phase, we identified issues such as insufficient emphasis on charity logos in some concepts — and resolved them through animation timing and layout adjustments.
test campaign
We ran a two‑week A/B test across Facebook and Instagram using 10 animated design options.I evaluated performance using engagement‑per‑impression metrics.
Results
One design emerged as the clear winner for in‑feed ads
A different option performed best in Stories
I selected the top‑performing in‑feed design as the primary template to maintain cross‑format consistency and recognisability
second iteration
Once the new design was in use with clients, we received valuable feedback that informed a second iteration:
Some brand guidelines prohibited arrows/chevrons → removed
Snapchat deprioritised ads with animated arrows → removed
Advertisers wanted more brand visibility → added a dynamic brand label
Snapchat does not display the advertiser logo in the top left → adjusted layout accordingly
The updated design introduced a sliding Good‑Loop label that appears briefly, then retracts — improving brand visibility without obstructing the video. This also allowed us to use a more descriptive Good‑Loop logo (“Ads for Good”), strengthening brand awareness.
improvements
Cleaner brand hierarchy
Advertiser logo no longer appears twice
No overlap with platform UI elements
Good‑Loop branding restored
Previously missing entirely; now integrated elegantly
Improved charity visibility
Charity logos placed on solid backgrounds
Clearer transitions between multiple charity options
Stronger CTA clarity
Shorter, more readable CTA text
Placed on a solid background for legibility
Platform‑compatible design
Avoids conflicts with Facebook Stories UI
Works across Facebook, Instagram, and Snapchat
Better communication of the value proposition
Users immediately understand they can unlock a donation
Branding and messaging are clearer and more trustworthy
More Projects
Finance
Rebuilding Protection Journeys Across Four Brands: Lloyds, Halifax, BOS & Scottish Widows
Improving clarity, trust, and conversion in a complex, regulated product space.
SaaS
Transforming a Startup‑Era Website into an Enterprise‑Ready Growth Engine
Creating intuitive pathways for diverse customer segments across a complex SaaS ecosystem.