MeDo Pricing Page
🔍 1. Empathize
We began by understanding user pain points around SaaS pricing models:
- Confusion between pricing tiers.
- Uncertainty about value for money.
- Difficulty comparing features.
- Need for clear call-to-action.
📊 User Research Included:
- Interviews with marketers and growth teams.
- Analysis of competitor pricing pages.
- Usability tests on early-stage mockups.
🎯 2. Define
Problem Statement:
“Marketers and decision-makers need a pricing page that is simple, clear, and confidently guides them toward a trial or purchase decision.”
Key user needs:
- Transparent pricing and benefits.
- Easy comparison across plans.
- Clear action paths (free trial, upgrade).
- Assurance of value and support.
💡 3. Ideate
We brainstormed ways to:
- Visually differentiate plans (Basic, Popular, Pro).
- Use hierarchy and color to guide user focus.
- Incorporate subtle CTAs without pressure.
- Integrate toggles for Monthly vs Yearly pricing.
Wireframes were iterated with feedback from stakeholders and users, emphasizing simplicity and contrast.
🎨 4. Prototype
Design Highlights:
- 3-tier pricing cards with bold headers and smooth hover transitions.
- Popular Plan highlighted using contrast and label for cognitive ease.
- Feature list aligned for vertical comparison.
- Toggle for Monthly ↔ Yearly pricing (with savings message).
- CTA: “Start Free Trial” buttons placed uniformly and styled with glow to drive conversions.
- Use of MeDo’s dark theme and teal gradient background for brand consistency.
🧪 5. Test
✅ Conducted A/B testing on:
- Button text: “Get Started” vs “Start Free Trial” → latter had 12% higher click-through.
- Layout variants: vertical vs horizontal → horizontal worked best for visual scanning.
👂 User Feedback:
- “I like that it tells me clearly what I’m getting.”
- “I can compare fast without reading too much.”
- “The pricing toggle is super helpful.”
Tools used
From brief
Topics
Share
4 Claps
Average 4.0 by 1 person
You might also like

Project
SS Fire Pits
The provided image is a detailed high-fidelity UI design for an e-commerce website, "SS Fire Pits." The project focuses on presenting a prem

Project
Accessible Sign-Up Flow for a Residential Management Platform
Accessible Sign-Up Flow for a Residential Management PlatformThis project focused on creating an accessible three-step sign-up flow for a Sa

Project
Swift: A mobile design system
Swift is the finalized design system built on the foundations of the TournaPro mobile app. It includes detailed documentation of the system'

Project
Color System for Productivity App
I have previously done this brief once before but to be frank, i wasn’t completely satisfied with how it turns out. Hence why I decided to t

Project
Cinemora - Ultimate Movie Companion (UIX Documentation)
Project SummaryFor this UXPilot project, I reimagined Cinemora, a movie companion app that helps users discover and organise films more inte

Project
Asana - Color System Redesign
I redesigned the color system for Asana, a digital work management platform, to create a calmer and more focused visual experience while kee
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.










