Why a redesign was needed?
Editing products in the old store editor felt like a chore. Necessary actions were hidden, the flow was clunky, and users often gave up before finishing updates. I kept hearing the same thing: “It just takes too long.”
Journey Builder
Necessary actions were hidden or scattered, slowing down the process.
The interface didn’t give clear feedback, so users weren’t sure if changes were saved.
Previous Journey Builder(JB) layout
Template Builder
Editing templates took too many clicks, and users often lost track of where they were.
Key editing tools were buried, making quick updates frustrating.
The lack of real-time preview meant users had to guess how changes would look.
Previous Template Builder(TB) layout
Design System
A unified design system was established to ensure consistency and clarity across the editor. This foundation made scaling features easier, connected every component, and provided a shared language for design and engineering.
Store Editor(SE) components and documentation
Journey Builder
The journey builder was restructured for a step-by-step experience. Navigation is straightforward, key actions are accessible, and users receive immediate feedback. Building journeys became straightforward instead of overwhelming.
Template Builder
The template builder was redesigned for speed and simplicity. All editing tools are easy to find, and real-time previews help users see changes as they work. The process now feels more intuitive and less frustrating.
Edit time dropped by 40 percent
Support tickets about navigation and editing confusion dropped sharply
Takeaway
