![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/17136f3d-1bce-45cb-b2e0-2428a2d4a1f5_rw_3840.png?h=1b5082b5c3724be07321291af82a79c4)
Context: Digital publishing web app platform
Role: Senior Product Designer
Team size: Around 10 people, including PM, Dev, Sales, etc.
Overview
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/313f6874-0621-439d-a21e-9df488e91bc6_rw_1920.png?h=43a113d4bddb578ca6794c985070620c)
Define Problem
Background
Wordpond is the modern, end-to-end digital publishing solution that you and your team already know how to use.
Wordpond fills a unique niche in the market. Existing alternatives often fall into two extremes: overly professional and complex or overly simplistic with limited features. In contrast, Wordpond strategically targets users seeking a balance — a user-friendly solution with robust features for impactful long-form content creation.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/3a6b8360-dcfd-4b10-91d4-f47ca4880e47_rw_1200.png?h=dd12d553549c1780425e3a7cf979a859)
How might we...?
Provide Simple Focusing Mode for writers,
as well as giving Diverse Content Types,
so users can create end-to-end digital publications without third party’s help.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/8060a584-7d6a-4792-9c92-3373e7301a65_rw_1200.png?h=1b89131300b24551c3d482f3da9cf3d7)
Discover
Persona
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/60ae12c3-d2dc-471c-9e8f-f7dc419df244_rw_3840.png?h=aee08409b2e558b601a354cf31bb7bb3)
User journey map
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/5f41c14e-c3c1-4dfa-903a-35f42ece125a_rw_3840.png?h=5b25cdbfbaa40e0ddee0852c6472b740)
Ideation
The ideation phase played a pivotal role in transforming challenges into innovative design solutions. Faced with the diverse landscape of long-form content, the ideation process involved collaborative brainstorming sessions with cross-functional teams, including developers, content strategists, and end-users. Through divergent thinking, we explored a spectrum of ideas to address the complexities identified during the initial stages. Ideation sessions allowed for the generation of creative concepts, from refining the user onboarding experience to envisioning a flexible information architecture that accommodated various content types seamlessly.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/9655b35c-4cf2-4e25-91a2-174209d03668_rw_1920.png?h=8c23decb99d96f57bf1b372d1d19bbd3)
Feature prioritization and Project pipeline
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/a04954b0-0203-4b54-a642-f0d16494381a_rw_1920.png?h=dc5c24f8bb15d22bf08d4965a64d9481)
Develop
Home Management
Question:
How to get flexibility to organize the publication content?
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/023acaec-0e69-47b7-9f02-bdde586acff3_rw_1200.png?h=94c107ed853aeb294eff6cd88760aebf)
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/847d7599-10a2-4cfb-a867-efc41c08babb_rw_1920.png?h=68b53c5fa6ccb47eed61c6d10a5763af)
Manage your publications on the left navigation
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/d65911e5-4bd5-4fe5-be7a-cedf717af617_rw_1920.png?h=fb0988f844f85f3cfb947245263bc5a2)
Manage your publication contents on the right panel
Create Content
Question:
Creators want to get focused meanwhile exploring opportunities to make content more attractive.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/6c3bdff1-a67e-4216-94d7-efd4e4375c80_rw_3840.png?h=8853e65d453c1d09b9190d7ab8330c8f)
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/eb9f654a-6f9e-498f-84b7-3f211ec81ad1_rw_1920.gif?h=d852e4a3bf0f8bc00f9fbe2b11062e8a)
Content Text - focus mode with AI assistant
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/b542db4b-6771-4b8d-9806-14bd6fe865c0_rw_1920.gif?h=545da59ac9129f8c6bef59f26570f2fa)
Content Media - use right sidebar for further edition
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/785febf9-bd4c-46fc-bf98-c769ffd3cdb8_rw_1920.gif?h=01b4fb931f6350c670e7317863f2454c)
Content Editor - use side blank space to write and edit comments
Publication Studio/Branding setting
Question:
How to control centralized brand management for single publication and multi?
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/8f22d721-ffec-4bea-a7bb-752fc7ff4000_rw_1920.png?h=840b623c72cbcba11a46aad37cc0ea34)
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/f6a6405d-727a-42de-8208-4c67686b50dc_rw_1920.png?h=a70b5e6bedfd8dcb21f82a9e1ee91a85)
Publication Studio - control single publication page and section style
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/3b4fdfd9-9f6e-428b-840a-9e1abc84786b_rw_1920.png?h=0f16d5f2a756001cb89e7918f87a9d60)
Brand editor - control multi publications typography, color palette, and components
Design ideation
Content Text AI assistant
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/ddb22c6f-fbfa-4981-9150-2ce2a38de732_rw_1920.png?h=89590f2baebaf19641c50e031ee1de6b)
Insert block
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/78dda3d8-8398-482a-ace1-4460f723c70a_rw_1920.png?h=f7f3299e8c09c3fa8ab7c9742ba0407a)
Design Solution
Design System
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/714b0ad7-f7e4-4718-bc8c-36be420b677d_rw_1200.png?h=fdbbf5d5b585ec2f541b2939229fffa5)
Design documentation & mentoring
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/47cc4892-6932-4f49-be41-b7cdcd5aa005_rw_1920.png?h=703ce13520a2c4034b4aaf2f533e5a02)
Design Overlook
Designed for long-form. Not another website builder. Literally. Wordpond does not do websites, or your regular webpages. Wordpond is designed from the ground up for long-form content. Wordpond does magazines, annual reports, ESG reports, newsletters, etc.
No coding required. Put that CSS book aside. Or even better, donate it. As of now, you'll create content in an easy, non-technical interface. No coding skills required.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/747ad24f-5021-4911-8ca9-da7ea44bddce_rw_1920.png?h=c563ce62d5b80d5af7d54f699bd4e826)
Outcomes
The design efforts culminated in a transformed WordPond experience. The updated interface not only met but exceeded key performance indicators, affirming the success of our collective efforts in creating a user-friendly and visually appealing tool, resulting in a 50% increase in user engagement for the B2B2C Saas online editing product.
![](https://cdn.myportfolio.com/4ad5f1c2-d32a-45a2-9bf0-b0157773d6cb/d0af8a40-0f3c-4f21-9d0b-1de27c0de5c4_rw_1920.png?h=a0b1a39b58cc26b19ad02c971ae32986)
Thank you!