DKB Bank
Landing page
that convert
Landing page that convert
Landing page that convert
Transforming clicks into clients:
How I redesigned DKB Bank’s landing
page to drive card sales and fuel growth
Transforming clicks into clients:
How I redesigned DKB Bank’s landing page to drive card sales and fuel growth
Transforming clicks into clients: How I redesigned DKB Bank’s landing page to drive card sales and fuel growth
Project Overview
Project
Overview
Project Overview
Project Overview
DKB Bank presented me with a challenge: their current landing page for bank card sales was not performing well. Although they offered competitive benefits, the page was failing to convert visitors into cardholders and new clients. Our goal was to redesign the landing page to enhance user engagement, build trust, and ultimately increase card sales.
DKB Bank approached me with a challenge: their existing landing page for bank card sales was underperforming. Despite offering competitive benefits, the page was not converting visitors into cardholders or new clients. Our goal was to redesign the landing page to improve user engagement, build trust, and ultimately drive more card sales.
DKB Bank approached me with a challenge: their existing landing page
for bank card sales was underperforming. Despite offering competitive benefits,
the page was not converting visitors into cardholders or new clients. Our goal was to redesign the landing page to improve user engagement, build trust, and ultimately drive more card sales.
My contribution
My contribution
My contribution
Research, design, and prototyping
Research, design, and prototyping
Research, design, and prototyping
Industrie
Industrie
Industrie
Finance
Finance
Finance
Year
Year
Year
2020
2020
2020
1 /
1 /
1 /
Understanding the Problem
Understanding
the Problem
Understanding the Problem
Understanding the Problem
DKB Bank approached me with a challenge: their current landing page for bank card sales was underperforming. Despite offering competitive benefits, the page failed to convert visitors into cardholders or new clients. Our goal was to redesign the landing page to enhance user engagement, build trust, and ultimately drive more card sales.
Key challenges included:
Low conversion rates on the existing landing page.
Unclear communication of the card's value proposition.
Poor user experience, particularly on mobile devices.
Ineffective placement and messaging of the call-to-action (CTA).
DKB Bank approached me with a challenge: their current landing page for bank card sales was underperforming. Despite offering competitive benefits, the page failed to convert visitors into cardholders or new clients. Our goal was to redesign the landing page to enhance user engagement, build trust, and ultimately drive more card sales.
Key challenges included:
Low conversion rates on the existing landing page.
Unclear communication of the card's value proposition.
Poor user experience, particularly on mobile devices.
Ineffective placement and messaging of the call-to-action (CTA).
2 /
2 /
2 /
Research
Research
Research
To develop a data-driven design, we conducted extensive research to understand our target audience, their pain points, and the competitive landscape.
Surveys and Interviews:
We surveyed existing DKB Bank customers and potential clients to understand their motivations for applying for a bank card. Key insights included:
We surveyed existing DKB Bank customers and potential clients to discern their motivations for applying for a bank card. Key insights included:
We surveyed existing DKB Bank customers and potential clients to understand their motivations for applying for a bank card.
Key insights included:
Users valued cashback, rewards, and low fees.
Trust and security were critical factors in their choice of a bank card.
Many users found the application process confusing and time-consuming.
User Personas:
Based on the research, we created two primary user personas:
The Saver: A budget-conscious individual seeking low fees and cashback rewards.
The High Earner: A professional looking for premium benefits like travel rewards and exclusive perks.
To develop a data-driven design, we conducted extensive research to understand our target audience, their pain points, and the competitive landscape.
Surveys and Interviews:
We surveyed existing DKB Bank customers and potential clients to discern their motivations for applying for a bank card. Key insights included:
Users valued cashback, rewards, and low fees.
Trust and security were critical factors in their choice of a bank card.
Many users found the application process confusing and time-consuming.
User Personas:
Based on the research, we created two primary user personas:
The Saver: A budget-conscious individual seeking low fees and cashback rewards.
The High Earner: A professional looking for premium benefits like travel rewards and exclusive perks.
3/
3/
3/
Defining the Strategy
Defining
the Strategy
Defining the Strategy
Defining the Strategy
Based on our research, we have established the following design goals:
Clarity: Clearly and concisely communicate the benefits of the card.
Trust: Build credibility through testimonials, security badges, and social proof.
Simplicity: Streamline the user journey from discovery to application.
Engagement: Utilize persuasive visuals and micro-interactions to keep users engaged.
Clarity: Clearly and concisely communicate the benefits of the card.
Trust: Build credibility through testimonials, security badges, and social proof.
Simplicity: Streamline the user journey from discovery to application.
Engagement: Utilize persuasive visuals and micro-interactions to keep users engaged.
Based on our research, we have established the following design goals:
Clarity: Clearly and concisely communicate the benefits of the card.
Trust: Build credibility through testimonials, security badges, and social proof.
Simplicity: Streamline the user journey from discovery to application.
Engagement: Utilize persuasive visuals and micro-interactions to keep users engaged.
Based on our research, we have established the following design goals:
Clarity: Clearly and concisely communicate the benefits of the card.
Trust: Build credibility through testimonials, security badges, and social proof.
Simplicity: Streamline the user journey from discovery to application.
Engagement: Utilize persuasive visuals and micro-interactions to keep users engaged.
4/
4/
4/
Design Process
Design Process
Design Process
Information Architecture
We restructured the content to prioritize the most important information:
We restructured the content to prioritize the most important information:
Hero Section: A bold headline that highlights the card's primary benefit.
Benefits Section: A visually appealing breakdown of key features.
Application Section: A streamlined form with a progress bar.
FAQ Section: Answers to common questions to reduce user friction.
Hero Section: A bold headline highlighting the card's primary benefit.
Benefits Section: A visually appealing breakdown of key features.
Application Section: A streamlined form with a progress bar.
FAQ Section: Answers to common questions to reduce friction.
Hero Section: A bold headline highlighting the card's primary benefit.
Benefits Section: A visually appealing breakdown of key features.
Application Section: A streamlined form with a progress bar.
FAQ Section: Answers to common questions to reduce friction.
Visual Design
The visual design focused on creating a modern, trustworthy, and engaging experience:
The visual design focused on creating a modern, trustworthy, and engaging experience:
Color Palette: We used DKB Bank's brand colors (blue and white) with green accents to evoke feelings of trust and growth.
Typography: Clean, sans-serif fonts were chosen for enhanced readability.
Imagery: High-quality photos feature people using the card in real-life scenarios.
Micro-interactions: Subtle animations guide users through the page efficiently.
Color Palette: We used DKB Bank's brand colors (blue and white) with green accents to evoke feelings of trust and growth.
Typography: Clean, sans-serif fonts were chosen for enhanced readability.
Imagery: High-quality photos feature people using the card in real-life scenarios.
Micro-interactions: Subtle animations guide users through the page efficiently.
Color Palette: We used DKB Bank's brand colors (blue and white) with green accents to evoke feelings of trust and growth.
Typography: Clean, sans-serif fonts were chosen for enhanced readability.
Imagery: High-quality photos feature people using the card in real-life scenarios.
Micro-interactions: Subtle animations guide users through the page efficiently.
Information Architecture
We restructured the content to prioritize the most important information:
Hero Section: A bold headline that highlights the card's primary benefit.
Benefits Section: A visually appealing breakdown of key features.
Application Section: A streamlined form with a progress bar.
FAQ Section: Answers to common questions to reduce user friction.
Visual Design
The visual design focused on creating a modern, trustworthy, and engaging experience:
Color Palette: We used DKB Bank's brand colors (blue and white) with green accents to evoke feelings of trust and growth.
Typography: Clean, sans-serif fonts were chosen for enhanced readability.
Imagery: High-quality photos feature people using the card in real-life scenarios.
Micro-interactions: Subtle animations guide users through the page efficiently.
Color Palette: We used DKB Bank's brand colors (blue and white) with accents of green to evoke trust and growth.
Typography: Clean, sans-serif fonts for readability.
Imagery: High-quality photos of people using the card in real-life scenarios.
Micro-interactions: Subtle animations to guide users through the page.
Final Design
Final Design
The final design included:
A clean, user-friendly layout with a strong visual hierarchy.
Persuasive copy and visuals that highlighted the benefits of the card.
A seamless application process with real-time feedback.
Trust-building elements such as testimonials and security badges.
By combining research, strategy, and design, we were able to create a landing page that not only met but exceeded DKB Bank's goals.
Next Steps:
Monitor user behavior and continue optimizing the page.
Explore A/B testing for further improvements.
Expand the design system to other digital products of DKB Bank.
Key Takeaways
User-Centered Design: Understanding the target audience is critical to creating effective designs.
Iterative Process: Testing and iteration are essential to refining the user experience.
Collaboration: Working closely with stakeholders and cross-functional teams ensures alignment and success.
User-Centered Design: Understanding
the target audience is critical to creating effective designs.Iterative Process: Testing and iteration
are essential to refining the user experience.Collaboration: Working closely with stakeholders and cross-functional teams ensures alignment and success.
By combining research, strategy, and design, we were able to create a landing page that not only met but exceeded DKB Bank's goals.
The final design included:
A clean, user-friendly layout with a strong visual hierarchy.
Persuasive copy and visuals that highlighted the benefits of the card.
A seamless application process with real-time feedback.
Trust-building elements such as testimonials and security badges.
By combining research, strategy, and design, we were able to create a landing page that not only met but exceeded DKB Bank's goals.
Next Steps:
Monitor user behavior and continue optimizing the page.
Explore A/B testing for further improvements.
Expand the design system to other digital products of DKB Bank.
Made in Framer in 2025
Made in Framer in 2025
Made in Framer in 2025