Designing a Workflow-First Rich Text Editor

Designing a Workflow-First
Rich Text Editor

My Role

Freelance UX/UI Consultant

Duration

9 Months

Design Team Size

3 including the Founders

Key Responsibilities

As a freelance UX and UI Design Consultant, I worked directly with the two founding partners of EnterPub.

Executed the project independently from the requirements gathering to delivering the complete user experience including interface design.

Worked together with the founding team to understand the needs, map workflows and shape features.

Aligned with developer's agency to make sure the completed designs were understandable and ready to develop.

My tasks covered UX research, information structure, concept screens, wireframes, UI design and interactive prototypes.

Overview

Though rich text editors were common, most lacked publishing and live-tracking capabilities. Also, the publishing and editorial teams use different tools including emails and manual processes to write, collaborate, review, delegate, publish and manage their documents. This increases the dependency on multiple tools, causes inconsistent and fragmented workflow with no tracking capabilities between stakeholders involved.

The organization wanted to fill this void and develop a dedicated ecosystem, EnterPub, with workflow automation to enable authors, editors and publishers to collaborate seamlessly without jumping between tools or hectic manual processes.
The project focused on building a digital platform to manage publishing workflows and editorial collaboration.

key challenges

Designing for publishing software meant dealing with highly flexible workflows and rich content creation needs like multilingual writing (English and Tamil), formulas, citations, and image annotations.

There was no dedicated ecosystem to manage collaboration across authors, editors, and publishers.

The platform had to be flexible enough to facilitate diverse editorial teams but simple enough to keep the workflows intuitive and efficient.

Goal

We needed to design a simple, flexible platform where authors, editors, and publishers could easily write, review, delegate and publish in one place.

How?

We ran detailed discussions and brainstorming sessions to map out pain points, workflow gaps and publishing patterns.

We explored open-source applications to identify what worked well for enabling collaboration, inserting formulas, annotating images, creating and formatting tables and managing citations.

Using these insights, we designed workflows that fit professional and academic publishing needs.

Created a modular information architecture for writing content, tracking and delegating tasks like seeking inputs, reviews, rejections and approvals.

The UX flows were designed around action-driven collaboration, rather than rigid roles, allowing users to seek assistance, input, opinion, or approvals depending on the task.

Created a reusable Figma based components library to maintain consistency and make updates quicker and easy.

I also ran detailed walkthroughs with developers to make sure the handoff was smooth and ready to develop.

Deliverables

Complete Information Architecture (IA) for the platform.

End-to-end UX flows covering document creation, collaboration, annotation and publishing workflows.

Wireframes for modules like Dashboard, Manuscript Workflows, Task Management, Annotation Tools and Publishing Approvals.

Full UI Design System built in Figma, including reusable components and patterns.

Interactive Figma Prototype demonstrating user journeys and ready for developer handoff.

IMPACT

The collective efforts led to significant improvements across products and operations:

The work delivered a strong UX and UI foundation that matched the organization’s product vision.

Structured flows and ready-to-build prototypes helped speed up product development.

The platform was set up to seamlessly support future automation and integrations.

(Final product performance tracking was handled by EnterPub, post delivery of the final designs).

Key Interface Highlights

The Dashboard shows pending tasks, open documents, team updates and project stages.

The Content Authoring Module offers a writing space that supports complex content like formulas, citations and annotations.

The Action-Driven Collaboration feature allows users to seek input, approvals, opinions or help, with clear due dates and permissions.

The Workflow Sequence Capture and Deploy feature enables teams to capture and reuse editorial workflows and thereby speed up future projects.

The Publishing Automation Layer handles content branding, content chunking, and multi-platform publishing from a single document.

Designing a Workflow-First Rich Text Editor

My Role

Freelance UX/UI Consultant

Duration

9 Months

Design Team Size

3 including the Founders

Key Responsibilities

As a freelance UX and UI Design Consultant, I worked directly with the two founding partners of EnterPub.

Executed the project independently from the requirements gathering to delivering the complete user experience including interface design.

Worked together with the founding team to understand the needs, map workflows and shape features.

Aligned with developer's agency to make sure the completed designs were understandable and ready to develop.

My tasks covered UX research, information structure, concept screens, wireframes, UI design and interactive prototypes.

Overview

In 2020, I worked as a freelance UX and UI Design Consultant with the founders of EnterPub. Publishing and editorial teams had to use different tools such as emails and manual processes to write, collaborate, review, delegate, publish and manage their documents.

EnterPub wanted to fill this void and develop a dedicated ecosystem with workflow automation to enable authors, editors and publishers to collaborate seamlessly without jumping between tools or hectic manual processes.

The project focused on building a digital platform to manage publishing workflows and editorial collaboration.

key challenges

Designing for publishing software meant dealing with highly flexible workflows and rich content creation needs like multilingual writing (English and Tamil), formulas, citations, and image annotations.

There was no dedicated ecosystem to manage collaboration across authors, editors, and publishers.

The platform had to be flexible enough to facilitate diverse editorial teams but simple enough to keep the workflows intuitive and efficient.

Goal

We needed to design a simple, flexible platform where authors, editors, and publishers could easily write, review, delegate and publish in one place.

How?

We ran detailed discussions and brainstorming sessions to map out pain points, workflow gaps and publishing patterns.

We explored open-source applications to identify what worked well for enabling collaboration, inserting formulas, annotating images, creating and formatting tables and managing citations.

Using these insights, we designed workflows that fit professional and academic publishing needs.

Created a modular information architecture for writing content, tracking and delegating tasks like seeking inputs, reviews, rejections and approvals.

The UX flows were designed around action-driven collaboration, rather than rigid roles, allowing users to seek assistance, input, opinion, or approvals depending on the task.

Created a reusable Figma based components library to maintain consistency and make updates quicker and easy.

I also ran detailed walkthroughs with developers to make sure the handoff was smooth and ready to develop.

Deliverables

Complete Information Architecture (IA) for the platform.

End-to-end UX flows covering document creation, collaboration, annotation and publishing workflows.

Wireframes for modules like Dashboard, Manuscript Workflows, Task Management, Annotation Tools and Publishing Approvals.

Full UI Design System built in Figma, including reusable components and patterns.

Interactive Figma Prototype demonstrating user journeys and ready for developer handoff.

IMPACT

The collective efforts led to significant improvements across products and operations:

The work delivered a strong UX and UI foundation that matched the organization’s product vision.

Structured flows and ready-to-build prototypes helped speed up product development.

The platform was set up to seamlessly support future automation and integrations.

(Final product performance tracking was handled by EnterPub, post delivery of the final designs).

Key Interface Highlights

The Dashboard shows pending tasks, open documents, team updates and project stages.

The Content Authoring Module offers a writing space that supports complex content like formulas, citations and annotations.

The Action-Driven Collaboration feature allows users to seek input, approvals, opinions or help, with clear due dates and permissions.

The Workflow Sequence Capture and Deploy feature enables teams to capture and reuse editorial workflows and thereby speed up future projects.

The Publishing Automation Layer handles content branding, content chunking, and multi-platform publishing from a single document.