<aside> 🎯 To compare adding new page flow with the market competitors. Competitors: Wix, HubSpot, Shopify, Tilda, Jimdo Dolphin, Squarespace, MailChimp, Webflow.
</aside>
Step 1. ”Add page” button is placed in the corresponding sidebar menu (the same as in PhenomPro CMS).
Step 3. A user can click on Preview to open a closeup page preview.
Step 4. Prominent view of the new page in the sidebar (in PhenomPro the page is highlighted with color only).
Step 2. A user can choose page type and see its thumbnail or add a blank page (PhenomPro CMS doesn’t have a preview).
Step 3-1. Closeup page preview.
| Where we win | Where we lose |
|---|---|
| - | 1. Templates preview. |
Step 1. Creating a new page is available outside the editor, as well as a preview of all pages created earlier.
Step 2. After selecting a page type, a user selects an appropriate site where a new page appears, and enters a page title.
Step 3. Previewing available templates for a new page.
Step 5. To view the list of all pages as well as created one, a user returns to a separate page by clicking “Exit” button in a Page Editor.
Step 4. After choosing a template, a Page editor opens.
| Where we win | Where we lose |
|---|---|
| 1. A list of all created pages is available at hand, as well as adding a new page in a sidebar, so a user doesn’t need to switch between different pages to accomplish the task. | 1. Templates preview. |
Step 1. Adding new page is available on the separate page with a whole list of crated pages on display (similarly with Wix)
Step 2. Form for adding a new page. There no Templates preview, a user selects template from a dropdown. To view and edit templates, a user must go to “Themes” page.
Step 3. After a new page is created, a user will see the following page. To open a new page in Editor, a user clicks “Preview page”.
Step 4. On preview page a user clicks “Customize”.
| Where we win | Where we lose |
|---|---|
| 1. The system displays a new page and automatically scrolls down to the new page title in the sidebar, so users are not stuck with the next step they need to perform. |
Step 1. To create a new page, a user goes to the detailed website page with its setting an a list of created pages.
Step 2-1. Users can proceed a flow on a closeup preview page by clicking “Create page” button.
Step 2. Templates preview. There is a scroll animation on hover, which allows users to take a quick glance at the whole page with no need to open a closeup preview.
Step 3. After clicking “Create” button, a system opens a new page in the Editor.
| Where we win | Where we lose |
|---|---|
| 1. A list of all created pages is available at hand, as well as adding a new page in a sidebar, so a user doesn’t need to switch between different pages to accomplish the task (the same advantage as over Wix). | 1. Templates preview. |
Step 1. ”Add new page” button is placed in the corresponding sidebar menu.
Step 2. Lo-fi templates preview.
Step 3. The system opens a new page in the Editor.
Step 3-1. Adding a new page by duplicating the existing one leads to extra clicks because a system doesn’t open a new page, but leaves a user on the current page.
| Where we win | Where we lose |
|---|---|
| 1. More prominent flow of adding a new page via duplicating an existing one. |