Revolutionizing site-page management for self-creators
Re-envisioning a core Wix Editor experience to give self-creators an intuitive, playful, and professional way to navigate, organize, and manage their websites.
Project Timeline
8+ months
Team
Sole UX Designer, 2 Product Managers, and the Wix Editor Head of UX
Role Played
Led the project from conception through handoff.
Owned the end-to-end UX process and interaction design.
Designed the complete UI, including custom components, detailed interface states, micro-interactions, and playful animations.
Aligned requirements and delivery across multiple Wix teams.
Defined specifications for page types, settings, and reusable experiences.
Impact
Pages management in Harmony doubled page creation — 20.6% of editor users added a page vs 10.7% in Classic (+93%).
Create a simpler, more approachable page-management experience for self-creators.
Improve discoverability of common page actions and settings.
Clarify site structure, page hierarchy, and relationships.
01
Project Overview
Wix rebuilt its core Editor to address the growing DIY market, the rise of AI, and infrastructure that limited product flexibility. The new experience focuses on self-creators—business owners and individuals who need professional results without advanced design or coding expertise.
The product vision combined infused AI, a basic-first interface, strong mobile defaults, automatic responsiveness, and simplified design controls. Within that broader transformation, page management needed to feel easy, approachable, intuitive, and genuinely enjoyable.
New way of navigation
02
Problem Statement
The existing experience blurred the distinction between site pages and the live-site menu, obscured page hierarchy, buried common actions, and offered too many disconnected ways to navigate. Many pages were generated automatically by apps or templates, leaving users unaware of what their sites contained or how to manage it.
Ultimately, users struggled to navigate, manage, add, and understand everything their site consisted of.
Core experience problems
Unclear menu relationship
Users struggled to understand how site pages related to the menu visitors saw on the live site.
Ambiguous hierarchy
Duplicate, partial, and app-generated pages made the true site structure difficult to understand.
Hidden page actions
Adding, renaming, duplicating, deleting, and configuring pages was buried among irrelevant options.
Fragmented navigation
Multiple navigation methods failed to support quick movement between pages for editing and previewing.
Wix Classic Editor
03
Project Goals
The domain strategy translated Harmony's broad product vision into clear page-management outcomes.
Smooth navigation
Help users move quickly between pages and sections while maintaining editing context.
Discoverable actions
Bring frequent actions such as add, rename, duplicate, and delete within easy reach.
Clear site structure
Represent page hierarchy and relationships in a way self-creators can understand immediately.
Focused settings
Centralize and simplify page settings, SEO, accessibility, and social-sharing controls.
Version AVersion B
04
Discovery Research
Quantitative research revealed that most users inherited their page structures rather than creating them intentionally, making orientation and clear management especially important.
Product-area data
93% of sites started from templates or guided creation flows.
90% of non-Partner sites contained fewer than 20 pages.
Only 23.9% of sites included manually created pages; the median was zero.
91.8% of users navigated between pages through the Pages Panel.
Almost 70% of pages were never navigated to by users.
49.3% opened the page actions menu, while only 39.1% reached Page Settings.
Page-type landscape
Classic pages appeared on 99.6% of sites, Vertical pages on 69.3%, and Dynamic pages on 2.9%. The solution therefore needed to support different page owners and behaviors without sacrificing consistency.
Template users (93% of sites) received sites with pages they might not need or know existed90% of sites contained fewer than 20 pages
05
Ideation and Concepts
The concept phase explored two connected experiences: a Site Navigator Panel for quick movement on the editing stage, and a centralized Manage Pages area for hierarchy, actions, and settings.
Navigator and Manage Pages concepts
Resolving technical constraints
Live previews were balanced against performance through periodic snapshots and intent-based loading. A hybrid thumbnail showed a compact vertical glimpse and revealed a complete preview on hover. Flexible settings specifications allowed different page owners to customize behavior while maintaining a coherent experience.
The key challenge was keeping the preview fully synced with live changes, avoiding stale or mismatched content, as presented above.
06
Design
The final direction paired an on-stage navigator with a dedicated Manage Pages mode, giving users a fast path for movement and a focused place for deeper organization and configuration.
Final experience
Side Panel Navigator
Maintain context while browsing, finding, and adding pages directly beside the editor stage.
Side Panel Navigator
List and grid views
Switch between a compact structure and visual page previews based on the task.
List and grid viewsList and grid views
Section jumping
Move directly to a specific section within the selected page.
Section jumping
Quick page actions
Place duplicate, delete, rename, and other frequent actions beside each page.
Quick page actions
Manage Pages mode
See site hierarchy and control page settings from one centralized overview.
Use accordions for URL, SEO, accessibility, and social sharing, with visible progress summaries.
Structured settings
07
Speccing and Delivery
The handoff defined reusable components, interaction rules, and behavior for Static, Vertical, and Dynamic pages across multiple Wix teams. The settings-panel infrastructure gave feature owners room to customize their areas while preserving a consistent hierarchy and interaction model for users.
08
Key Learnings
Specify early
Early design rules and guidance are essential when infrastructure and ownership span many teams.
Use data to align
Quantitative evidence creates a shared foundation when stakeholders bring competing perspectives.