Design
A modal designed for upgrading to a professional plan in a SaaS interface. It starts with a header “Upgrade to Professional” and includes a section for the current plan details, showing the team name, current plan status, and a “Manage” link. The “Number of seats” section outlines the seats included in the plan and allows users to add additional seats, with the cost per month billed yearly. The “Billing cycle” section offers options for monthly or yearly billing, highlighting a discount for yearly payments. Below this, there’s a section for entering card details, indicating a secure payment with 128-bit SSL encryption. At the bottom, the “Total due” is calculated based on the selected billing cycle and number of seats, with a clear call-to-action button “Agree and purchase” to complete the upgrade process.
Open main menu
Sign In
History
Revision
Gen 1
Render
file_type_reactts
Code
Share