The finished design involves a simple table display that showcases the Page Rules users for the domain have created, in a ranked order of which Page Rule is most important and should take priority in execution. Page Rules can be dragged and dropped, or the rank can be clicked to edit right in the table. Users can continue to manage or delete Page Rules from the application. Once a user has used all of the available Page Rules for their plan level, they are encourage to upgrade their Cloudflare account to obtain more.
In addition, rather than putting every feature in front of the user in a long-form format, I chose to design a cleaner UI that allows users to add one feature setting at a time. Users can either type to begin searching for the feature of their choice, or simply click to open our dropdown list to scroll through the different features available. The features are divided into categories, which reflect the same categories users navigate through in the primary dashboard UI.
Another feature that we wanted to implement as a result of multi-user was staging mode. Because multiple members of a team may be accessing the same site, it's important to provide users the ability to draft up a page rule, save it, and send it off for review to another team member before activating the Page Rule.
To accommodate for this, I designed a simple selection in the UI that allows users to save Page Rules as drafts. Upon saving, the Page Rule is added to the table, but is set in the 'off' position to prevent it from executing. When a user is ready to activate the Page Rule, they simply switch it from off to on. This on/off feature also fulfills our requirement to allow users to pause Page Rules, and re-enable them at any given time.
For a more interactive and comprehensive look at the Page Rules UI design, check out my Invision prototype here.