Wix Platform
Applicationאפליקציות
בפלטפורמת Wix

Project Goal

A Universal Editing Experience for Wix Applications

Wix developed a platform for building web applications across its editors, based on Wix components and infrastructure. The design challenge: create an editing experience that lets any Wix user customise an application — regardless of their technical skill — without breaking the application builder's ability to push updates.

---

Key Outcomes

What the Project Delivered

---

The Challenges

Customisation Freedom Without Breaking Updates

The core tension was structural: users needed full freedom to customise their application, but the application builder also needed to push updates to live sites without overwriting those customisations. Solving one side of that equation easily breaks the other.

In order to keep us on track through the process we defined 3 principle guidelines:

• Content - Users must be able to use their own business content.
• Style - Users should be able to personalize the application design, to match their website brand and desires.
• Supporting updates - We should support the application update cycle without harming users' customization and changes.

---

The Users

DIY Users with Online Business Presence

Wix seeks to provide a cross over platform editing environment for users with different business goals, using different application services. Their needs range from solving online stores to ordering widgets, from writing a simple blog to running an entire community with friends' visitors.

We wanted our users to grow their business in one place, and for that requires a coherent workspace experience. That would fit 3 different types of users:

• Newbie to website creation - New users, who are also creating their online business for the first time.
• Users who migrate from competing platforms - They already have an online presence on the web, and this is their first attempt with Wix.
• Existing Wix users - People who already have a website on Wix and they decided they need also a business presence, like selling online or offering any online services. Usually they would need at least one application installed on their website.

---

My Role

I co-led the UX design alongside another designer, working closely with a product manager, a UX content writer, and a team of 5 developers. I owned the research phase — interviewing both application builders (internal Wix teams building booking, members, and store products) and consumers (small business owners using those apps). I was responsible for the information architecture, the dual-mode editing model, wireframe flows covering all scenarios, and the final UI and interaction design. I also ran two rounds of usability testing, analysed the findings, and drove the design iterations that came from them.

---

Interviewing

What does it Mean to Develop an App?

Part of our user research was learning what kind of customization application builders want to give to their consumers. In order to answer this question, we started with interviewing external "Alpha" customers and internal users like PM, UX, and support agents from Wix, employees working on developing different service products like booking, members, online store, etc.

Those interviews helped us learn how Wix users use different service applications and customize them.

From those interviews we learned 2 important things:

• Update cycles - The complexity of keeping full customization freedom for users while allowing the application builder to push changes and update installed applications that is already live on users' websites.
• Style customization - Between 80-90% of the users need basic customization, choosing between common presets or layouts, and general style changes.

---

Flow Chart & Analysis

2 Editing Modes

"Closed mode" for simple users:

Interviews confirmed that 80-90% of users need only basic editing - choosing a preset, adjusting colours, or swapping content. This shaped a "Closed" editing mode: guided, constrained, and safe from update conflicts.

"Open mode" for advanced users:

Over time, even simple users grow into their websites. They eventually need layout control, custom elements, or behaviours the closed mode can't support. These are Wix's most loyal users - we couldn't ignore that need.

In order to understand how I should even begin to plan 2 editing modes, I started drawing several flow charts of different business applications. The flowcharts covered 2 parts of the application funnel:

• Developing an application.
• Consuming an application and customizing it.

---

Defining & Brainstorming

Identify Main Shared and Common Use Cases

So now we came to the point when we started to imagine and draw the actual experience. But before beginning working on the wireframe, I've summarised on a white board (next to my table, helping me keep in mind) all general use cases and possible touchpoints that users might need or want to customize in a widget:

• What would happen in "Close editing" mode and "Open editing" mode?
• How each editing mode would be affected by the update cycle?

---

Wireframes

What are the User's Editing Touch Points?

Now came the time for drawing all of our ideas and insights. Creating wireframes is an excellent way to cover all scenarios and use cases. It describes a user installing an app and customizing while editing a locked widget and when the widget is in the more advanced "Open" editing experience mode.

Example screens from the new editing experience

---

Features

The Editing System

Direct Selection & Editing

Users can select and edit directly each part of the the application widget.

This has two primary and significant advantages:

• Application builder gets all Editor's capabilities for "Free".
• Site owner is free to customize any widget to the desired design.

Support Widgets Presets

Users can start customizing their application by choosing a preset from a visual panel, making it very clear to understand the different options of layout, design, or even different features.

Comfortable CMS Content Manager

Users have direct access point to change content in the Content Manager, instantly from the selected widget inside the editor.

Adding & Deleting Application Elements

Users can create a customized widget by deleting and adding application elements according to their needs.

The Add Element panel also allow the application builder to update and add new features without any conflict with the user customization.

Editing Restrictions for Application

Some of the editing required exceptional behaviors. For example, we created different on-stage indications, alerts, and notifications to let user know, that certain actions are "Not allowed", the layout is locked, and the element has limited customization.

Application Update

For simple users, we designed the new "close" experience in a way that would keep user's customization of design, content, and functionality on his website.

Full Open Editing Layout Mode

Advanced users can decide to open any widget of the application, and have full layout customisation: adding additional elements or changing local widget functionality.

---

Usability

Testing the Things We Missed

When the new experience was ready and stable enough, we performed several testing sessions on a booking widget called "Time Table". It was one of the first applications built with Wix Blocks by Wix's booking service.

We conducted two usability sessions. The first one testing professional designers and targeting users who were more design orientated, who are used to professional editing experience. The second session was focusing on users that have a small business, and for whom Time Table application could be useful on their website.

Findings: People got confused trying to change content

The main recurring problem was connected to content editing, we figured out there was a confusion, and it was for two reasons:

• Local widget content vs. application content.
• Editing content vs. customizing font style.

For local instance content, we were planing to use the default and general content editing behaviour. That means, "Edit Text" button is being used for editing content and to open Text Design panel for font styling.

The Fix: Separate action items

To avoid confusion and make the experience more straightforward, we decided to add another button, an access point for the settings panel, that controls all local widget content and settings.

Results

Separating the two actions gave users a clear mental model: one button for content, one for style. Testers in follow-up sessions were significantly more confident navigating the interface and completed content editing tasks without prompting.

---

Reflection

What I Would Do Differently

The dual-mode model (Closed vs. Open) was the right strategic call, and the research-backed decision to serve 80% of users with a constrained experience saved significant design and engineering scope. But the content editing gap we discovered in usability testing was a meaningful miss - we were so focused on the customisation architecture that we didn't give enough attention to the most fundamental action users take: editing text.

The deeper lesson: platform-level design problems require holding two user perspectives simultaneously - the builder who creates the app, and the consumer who uses it. When one perspective dominates your thinking, the other suffers. I would now build explicit checkpoints into the process to stress-test both views before committing to a solution.

I'd also push for usability testing earlier - ideally at wireframe stage rather than after a stable build. The content confusion we found wasn't subtle; it would have surfaced in a lo-fi prototype test and saved a full iteration cycle.