Skip to content

Replace "Choose Your Plan" Button with Monthly-Yearly Slider for Better UX #66

@503BINGPOT

Description

@503BINGPOT

📝 Description

The "Choose Your Plan" section currently uses a basic button to switch between Monthly and Yearly subscription plans. This button design is confusing for users, as it’s not visually clear that it toggles between two distinct plan types. A slider (toggle switch) would make the interaction more intuitive and visually indicate the active plan.

🎯 Expected Behavior

A toggle slider is used instead of a button.
The slider clearly displays both options: Monthly and Yearly.
The active selection is highlighted or visually emphasized.
Switching between options updates the displayed pricing instantly.
Smooth animations provide a polished user experience.

🔍 Current Behavior

A single button is used to change between plans.
The active plan type is not visually persistent, causing user confusion.
Only the button text changes, without clear indication of which plan is active.

🛠️ Possible Solution

No response

📋 Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions