Wisywyg Editor
A next-generation WYSIWYG page builder merging CMS, page creation, and innovation management into a seamless, modular, and highly flexible experience.
Disclaimer: I am unable to share direct images or provide further insights, as this work is confidential and must be treated as such.
Project Objective:
Toolbox is a What-You-See-Is-What-You-Get page builder that seamlessly integrates page creation, CMS, and innovation management within a single, intuitive interface. Designed for innovation managers, admins, and moderators, it enhances flexibility and usability while maintaining deep integration with a modern innovation management platform.
Initial Requirements:
From the beginning, Toolbox was driven by the ambition to set a new standard in the innovation management space as the first fully integrated WYSIWYG solution. Rather than responding to market pressure, we defined our own benchmark as thought leaders. The initial requirements included:
Delivering a modern, intuitive interface to simplify the user experience for all customers and roles.
Ensuring full GDPR compliance, with multi-level, customer-specific access rights applying seamlessly across all components.
Evolving the user experience to dramatically reduce onboarding time from 12 hours to ideally 1 hour, supported by a modular, coherent UI.
Design Elements:
Widget-based, modular interface for maximum flexibility and reusability.
Feature-rich, user-friendly experience tailored for professional users.
A robust design system aligned with the core brand identity for consistency.
A human-centered design approach that prioritizes usability and clarity.
Process Highlights:
Built on a third-party application enhanced with open-source libraries like CK-Editor and Material Design.
Significant refinement and iteration of both the technical architecture and user interface — including a major pivot from the initial side-panel concept to a fully in-context editing experience.
Close collaboration with internal teams to align technology, design, and market strategy.
Stakeholder engagement, user testing, and live market validation to keep the solution relevant to real-world use cases.
Toolbox launched with Initiatives and has progressively migrated around 70% of all frontend-related pages, including Static Pages, Homepages, Overview Pages, Community Pages, Initiatives, and now Innovation Campaigns.
Today, Toolbox is partially live for specific applications, with further rollouts and improvements in progress.
Lessons Learned:
Leading Toolbox uncovered key insights that shaped our future approach:
Embrace rapid iteration: Our first edit mode, which used a left side-panel that shifted the site content, didn’t deliver the true WYSIWYG experience we aimed for — leading to a major redesign in Version 2.
Open-source comes with trade-offs: Using an open-source foundation accelerated delivery but introduced constraints that required extensive customization to meet our high usability standards.
Balancing ambition with complexity: While our initial goal was to reduce onboarding time from 12 hours to 1 hour, the tool’s expanding capabilities made this unrealistic. However, we successfully cut onboarding for page creation to around 3 hours — a clear step forward.
Validation in action: One of the strongest signals of success came when we launched Toolbox live at a customer event. As I stood presenting it, I saw participants already creating pages on their own — proof that the interface worked intuitively without heavy guidance.
My Role:
As the main lead for Toolbox, I drove the product vision, owned the design direction, and led the project management across all phases. I coordinated closely with cross-functional teams, guided stakeholder alignment, and presented Toolbox at customer launches and key milestones. My leadership shaped Toolbox into a cornerstone of our innovation management ecosystem — a flexible, robust tool that continues to evolve as a market-first solution for structured content creation.
