You are given a pricing plan UI (image provided) that contains a dark pattern — a deceptive design technique used to manipulate user choice.
Your task is to analyze the interface, identify the dark pattern type, and then redesign the UI to eliminate the manipulation while keeping it clean, modern, and user-friendly.
This challenge tests your UX awareness, ethical design thinking, and ability to transform a problematic design into a transparent one.
🧩 Requirements
1️⃣ Identify the Dark Pattern
Examine the provided image carefully.
Determine which dark pattern is being used (e.g., misdirection, sneaking, forced action, etc.).
Explain why it qualifies as that dark pattern.
(You will not be told the answer — analysis must be done independently.)
2️⃣ Redesign the Pricing UI
Create a clean, honest, user-friendly pricing layout that fixes the issues you identified.
Your redesign must:
-Present all pricing tiers neutrally
-Avoid visual bias toward any plan
-Use clear typography and spacing
-Make price breakdown and trial information explicit
-Remove manipulative indicators (e.g., deceptive badges, overemphasis, misleading contrast)
-Preserve the same content while improving transparency and usability
You may use Figma, Adobe XD, or a static HTML/CSS mockup.
📋 Tasks / Checklist
🔎 Analysis
-Study the original UI
-Identify the dark pattern
🎨 Redesign
Create a neutral pricing layout with:
-Plan titles
-Monthly cost
-Trial information (if any)
-CTA buttons
-Equal visual weight for each plan
-Clear hierarchy and accessible color contrast
-Well-structured spacing & alignment
-No manipulative badges, emphasis, or distracting highlights
📱 Responsiveness (optional but encouraged)
-Ensure layout works on mobile & desktop
-Keep elements readable and balanced
🎯 Acceptance Criteria
✔ Functional
-Dark pattern is correctly identified and avoided.
-A redesigned UI is submitted (Figma link or HTML/CSS)
✔ UI/UX
-Pricing plans are displayed fairly and transparently
-No visual deception or forced attention
-Typography and spacing are clean and consistent
-CTA buttons do not aggressively bias user choice
✔ Ethics & Clarity
-New design avoids manipulation entirely
-Users can compare plans easily without distraction
✔ Optional Bonus
-Add an accessibility note (contrast, button size, label clarity)
-Include a “before/after” explanation of what you changed and why
You are given a pricing plan UI (image provided) that contains a dark pattern — a deceptive design technique used to manipulate user choice.
Your task is to analyze the interface, identify the dark pattern type, and then redesign the UI to eliminate the manipulation while keeping it clean, modern, and user-friendly.
This challenge tests your UX awareness, ethical design thinking, and ability to transform a problematic design into a transparent one.
🧩 Requirements
1️⃣ Identify the Dark Pattern
Examine the provided image carefully.
Determine which dark pattern is being used (e.g., misdirection, sneaking, forced action, etc.).
Explain why it qualifies as that dark pattern.
(You will not be told the answer — analysis must be done independently.)
2️⃣ Redesign the Pricing UI
Create a clean, honest, user-friendly pricing layout that fixes the issues you identified.
Your redesign must:
-Present all pricing tiers neutrally
-Avoid visual bias toward any plan
-Use clear typography and spacing
-Make price breakdown and trial information explicit
-Remove manipulative indicators (e.g., deceptive badges, overemphasis, misleading contrast)
-Preserve the same content while improving transparency and usability
You may use Figma, Adobe XD, or a static HTML/CSS mockup.
📋 Tasks / Checklist
🔎 Analysis
-Study the original UI
-Identify the dark pattern
🎨 Redesign
Create a neutral pricing layout with:
-Plan titles
-Monthly cost
-Trial information (if any)
-CTA buttons
-Equal visual weight for each plan
-Clear hierarchy and accessible color contrast
-Well-structured spacing & alignment
-No manipulative badges, emphasis, or distracting highlights
📱 Responsiveness (optional but encouraged)
-Ensure layout works on mobile & desktop
-Keep elements readable and balanced
🎯 Acceptance Criteria
✔ Functional
-Dark pattern is correctly identified and avoided.
-A redesigned UI is submitted (Figma link or HTML/CSS)
✔ UI/UX
-Pricing plans are displayed fairly and transparently
-No visual deception or forced attention
-Typography and spacing are clean and consistent
-CTA buttons do not aggressively bias user choice
✔ Ethics & Clarity
-New design avoids manipulation entirely
-Users can compare plans easily without distraction
✔ Optional Bonus
-Add an accessibility note (contrast, button size, label clarity)
-Include a “before/after” explanation of what you changed and why