Klarna Dynamic
Ad Product
— for the Retail Media Platform
Research for the Klarna Ads Manager, a self-serve platform that allows retailers to create and manage ads.
Visual Identity
Packaging
Branding
Role:
xxxxxx
Other credits:
Reynaldo Roman, David Watson
Image Credits
Courtesy of Klarna
D E S I G N B R I E F
The Challenge
How to create a tool that allows for retailers from different markets and backgrounds to create their own campaigns and ad content in a scalable and user-friendly way.
The Pain Point
Rolling out
The Goal
Creating a platform that offers retailers more efficiency in areas such as ad creation, audience targeting, and in-platform reporting for campaign optimization.
My Role
xxxxxx
As a UI/UX Design Lead, I xxxxxxxxxxxxxxxxxxxx
D E S I G N T H I N K I N G
1.Discover
2.Define
3.Ideate
4.Prototype
5.Test
6.Implement
1.Discover
Overview
👾 Competitor Ads Sample
🔎 Audit
🎨 Klarna Ads Sample
🧃 Required Formats
xxxx
Why: To evaluate the strengths and weaknesses of competitors to identify opportunities for differentiation.
👾 Competitor Ads Sample
🔎 Audit
🎨 Klarna Ads Sample
🧃 Required Formats
xxxx
Why: To evaluate the strengths and weaknesses of competitors to identify opportunities for differentiation.
👾 Competitor Ads Sample
🔎 Audit
🎨 Klarna Ads Sample
🧃 Required Formats
xxxx
Why: To evaluate the strengths and weaknesses of competitors to identify opportunities for differentiation.
2.Define
Overview
📝 Problem Statement
Problem Statement: Merchants find the existing ad creation and management process through in-house design teams and agencies cumbersome and time consuming due to many steps along the way. They need a streamlined, user-friendly platform to create, customize, schedule, and monitor ads effectively.
User Needs: Clear guidance, intuitive interface, dynamic audience size estimation, and improved usability to enhance the ad creation and management experience.
📝 Problem Statement
Problem Statement: Merchants find the existing ad creation and management process through in-house design teams and agencies cumbersome and time consuming due to many steps along the way. They need a streamlined, user-friendly platform to create, customize, schedule, and monitor ads effectively.
User Needs: Clear guidance, intuitive interface, dynamic audience size estimation, and improved usability to enhance the ad creation and management experience.
📝 Problem Statement
Problem Statement: Merchants find the existing ad creation and management process through in-house design teams and agencies cumbersome and time consuming due to many steps along the way. They need a streamlined, user-friendly platform to create, customize, schedule, and monitor ads effectively.
User Needs: Clear guidance, intuitive interface, dynamic audience size estimation, and improved usability to enhance the ad creation and management experience.
3.Ideate
Overview
🧠 Brainstorming
🧃 Ad Formats
As a cross-functional team supporting Ad Campaigns, Guang Team (in-app ads), CRM, and Paid Media, we understood the challenges of designing for diverse platforms and sizes. Our goal in this brainstorming session was to develop a streamlined framework that dynamically resized ad elements according to platform and ad requirements, and stiring away from needing different templates or ad hoc solutions.
🧠 Brainstorming
🧃 Ad Formats
As a cross-functional team supporting Ad Campaigns, Guang Team (in-app ads), CRM, and Paid Media, we understood the challenges of designing for diverse platforms and sizes. Our goal in this brainstorming session was to develop a streamlined framework that dynamically resized ad elements according to platform and ad requirements, and stiring away from needing different templates or ad hoc solutions.
🧠 Brainstorming
🧃 Ad Formats
As a cross-functional team supporting Ad Campaigns, Guang Team (in-app ads), CRM, and Paid Media, we understood the challenges of designing for diverse platforms and sizes. Our goal in this brainstorming session was to develop a streamlined framework that dynamically resized ad elements according to platform and ad requirements, and stiring away from needing different templates or ad hoc solutions.
4.Prototype
Overview
🧠 Responsive and Dynamic Framework
Leveraging insights from previous design stages, we compiled our learnings into the first MVP: an interactive Figma tool that addresses all the ad creation needs we identified.
This tool utilized Figma, Figma plugins and Google Sheets to mimic a self serving creation tool.
🧠 Responsive and Dynamic Framework
Leveraging insights from previous design stages, we compiled our learnings into the first MVP: an interactive Figma tool that addresses all the ad creation needs we identified.
This tool utilized Figma, Figma plugins and Google Sheets to mimic a self serving creation tool.
🧠 Responsive and Dynamic Framework
Leveraging insights from previous design stages, we compiled our learnings into the first MVP: an interactive Figma tool that addresses all the ad creation needs we identified.
This tool utilized Figma, Figma plugins and Google Sheets to mimic a self serving creation tool.
5.Test
Overview
🧪 Testing
👩🔬 Demo
We first tested the tool amongst team members to make sure the prototype is airtight and user friendly and that the formats work as needed. This phase rolled out for a month, and we used the prototype to create real campaigns in order to further validate it.
🧪 Testing
👩🔬 Demo
We first tested the tool amongst team members to make sure the prototype is airtight and user friendly and that the formats work as needed. This phase rolled out for a month, and we used the prototype to create real campaigns in order to further validate it.
🧪 Testing
👩🔬 Demo
We first tested the tool amongst team members to make sure the prototype is airtight and user friendly and that the formats work as needed. This phase rolled out for a month, and we used the prototype to create real campaigns in order to further validate it.
6.Implement and Iterate
Overview
✏️ UI
💻 Ads Manager Implementation
All previous stages laid the groundwork for implementing the self-service tool on Klarna's new retailer platform (Partner Portal) and subsequently rolling it out to retailers. Below, you can see a prototype for ad creation where the groundwork is seem in action.
✏️ UI
💻 Ads Manager Implementation
All previous stages laid the groundwork for implementing the self-service tool on Klarna's new retailer platform (Partner Portal) and subsequently rolling it out to retailers. Below, you can see a prototype for ad creation where the groundwork is seem in action.
✏️ UI
💻 Ads Manager Implementation
All previous stages laid the groundwork for implementing the self-service tool on Klarna's new retailer platform (Partner Portal) and subsequently rolling it out to retailers. Below, you can see a prototype for ad creation where the groundwork is seem in action.
D E S I G N T H I N K I N G
Discover
Define
Ideate
Prototype
Test
Implement