Designing for Collaboration

Designing for
Collaboration

Helping people write better technical API documentations with a collaborative approach.

Create New Version

Create New Version

Duplicate

Duplicate

Rename

Rename

Delete

Delete

Content Blocks

Content Blocks

Title

Title

Use for the main page or document title

Use for the main page or document title

Subtitle

Subtitle

Use to add context or a short explanation under the title.

Use to add context or a short explanation under the title.

Section Heading

Section Heading

Use to break content into clear sections.

Use to break content into clear sections.

Body

Body

Use for the main text content of a section.

Use for the main text content of a section.

Caption

Caption

Use to describe an image, video, or visual briefly.

Use to describe an image, video, or visual briefly.

Table

Table

Use to present data or information in rows and columns.

Use to present data or information in rows and columns.

Code Block

Code Block

Use to display code or technical snippets clearly.

Use to display code or technical snippets clearly.

Bullet List

Bullet List

Use to list related points without a specific order.

Use to list related points without a specific order.

Numbered List

Numbered List

Use to show steps or items in a specific order.

Use to show steps or items in a specific order.

Feedback

Feedback

Made it clean, smart, and does what it promises too! ๐Ÿ‘

Made it clean, smart, and does what it promises too! ๐Ÿ‘

Version

Version

Version 7

Version 7

23 Dec 2024

23 Dec 2024

12:46 PM

12:46 PM

Published

Published

Version 6

Version 6

23 Dec 2024

23 Dec 2024

11:38 PM

11:38 PM

Published

Published

Version 5

Version 5

23 Dec 2024

23 Dec 2024

06:07 PM

06:07 PM

Draft

Draft

Version 4

Version 4

23 Dec 2024

23 Dec 2024

04:39 AM

04:39 AM

Draft

Draft

Designer

Designer

Developer

Developer

What's Broken & Why

Modern software moves fast, but documentation doesn't. Code lives in Git. Documentation lives somewhere else. When code changes, docs often don't follow.

This happens mainly because of an ownership gap. Developers don't see docs as part of their job, and writers don't have the context. So the gap keeps growing.

Team

1 Designer (myself) โ€ข 3 Engineers โ€ข 2 Growth & Marketing Managers

Duration

~ 1 Year (MVP + Feedback + Iterations + Testing)

What Did I Do?

I owned design & product end-to-end and tested with real users. Found key patterns across that feedback, and shaped the product journey.

Research

Stakeholder Alignment

User Testing

Design System

High Fidelity Prototyping

Design QA & Handoff

Motion Design

Going Beyond My Role

This was a PLG approach unlike our sales led products. I actively contributed to marketing by designing interactive product videos on Jittr (including the ones you see in this project)

Product Videos

Wedinars

User Interviews

Brand Awareness

Marketing Initiatives

What We Wanted To Solve?

Design a place for developers and writers to collaborate on docs.

For Users

Make docs faster to publish.

For Businesses

Reduce doc-related support queries.

Code

Code

Code

Docs

Docs

Docs

Code + Docs

Code + Docs

Synchronised

Synchronised

After Docuwiz

After Docuwiz

Hypothesis

Docs and code stay synchronised โ†’ Accuracy increases โ†’ Customers always get updated information โ†’ Support tickets go down.

A Problem Worth Solving?

We interviewed users to understand what existing tools fail to solve for, focusing on their day-to-day challenges, rather than jumping straight to which features to build.

Technical writers

Technical writers

Writers bring clarity, but canโ€™t write without collaborating with developers or product managers.

Writers bring clarity, but canโ€™t write without collaborating with developers or product managers.

Developers

Developers

Devs hold the accuracy, but donโ€™t see documentation as part of their job. They just move on to the next sprint.

Devs hold the accuracy, but donโ€™t see documentation as part of their job. They just move on to the next sprint.

Product Managers

Product Managers

Managers know the business, but itโ€™s one of many competing priorities, so context trickles in too late.

Managers know the business, but itโ€™s one of many competing priorities, so context trickles in too late.

Dev Tools

Dev Tools

Tools only focus on formatting instead of collaboration, and iterative writing approaches.

Tools only focus on formatting instead of collaboration, and iterative writing approaches.

Impact

7

7

2

2

Efficiency

Reduced the steps-to-publish, from 7 to 2, making documentation faster to publish.

Trust & Validation

We migrated our own internal APIwiz docs. which turned into a dogfooding exercise.

Adoption

We onboarded enterprise customers like โ€” RCBC, EWB Bank.

Engagement & Reach

Attracted users from various countries, with a 53.9% returning visitor rate.

Product in action

Experience the product described in this case study.

Visit Docuwiz

What To Build & For Whom

Based on the user insights, we mapped what each of these personas actually needed to get their job done.

For Writers

For Writers

Provide a structure and feedback loop.

Clean, block-based editing, structured writing support, continuous feedback loop.

For Developers

For Developers

Design an easy way to get doc live.

Simple setup journey, sync code with docs, preview, publish, and hosting.

for Manager

for Manager

Allow them to keep the docs accurate.

Track changes across, verify specs against real flow.

for Dev Tools

for Dev Tools

Facilitate collaborative approach

Make it easier to get team to collaborate on documentation process

Build Fast & Test (MVP)

Built an MVP with a simple goal: plug docs into source control and host them on DocuWiz. But this was really a testing phase, the primary intent was to make something real enough to get litmus-tested by actual users.

Was Anybody Interested In It?

How Did We Gather Feedback

Team gathered user feedback on MVP. I learned that no amount of synthetic personas or simulated user research replaces the insight you get from watching a real person struggle with your product.

Litmus Test

Testing Pool Size

What I did with feedback?

What I did with feedback?

Collect Usersโ€™ Quotes

What they said vs what they need

Find Patterns

Find out frequent Points

Prioritise & Fix

Weighed impact against effort, then built.

Listening To The Users

I documented their feedbacks into quotes to understand what they are asking for.

User Feedback

  • "docuwiz appears to publish without my explicit request/consent. This should be corrected (very high importance) to establish trust."

    David Biesack

    Principle API Architect

    Principle API Architect

  • "Importing the Petstore spec failed with 'Please Resolve Errors before generating' despite 0 errors."

    Vladimir Gorej

    Senior Software Engineer (AI)

    Senior Software Engineer (AI)

  • "when importing a YAML OpenAPI spec โ€” a format the product explicitly states it supports โ€” the Uploaded Files page displays OAS VIOLATIONS: Invalid JSON... This is a trust-breaking bug."

    Gale James

    Senior Technical Writer

    Senior Technical Writer

  • "a component gallery or documentation playground and dark mode. Both are calls for surfacing what already exists more than building net-new"

    Avinit Chakravarti

    Developer

    Developer

  • "By step five of the onboarding flow, I had not built anything."

    Shane

    Dev Tools (Growth Manager)

    Dev Tools (Growth Manager)

Finding Common Patterns

I found out common and frequent points across whole feedback

Onboarding

The flow assumes users arrive spec-in-hand. Three independent feedbacks โ€” too many steps before any output, a buried CTA, and no fallback for anyone without a spec file ready.

Error-State Transparency

The interface tells the user something happened, without giving them the information or control to act on itblems that don't exist.

Feature Discoverability

The design hides capability that already exists. Rated 3/5 โ€” "clean and modern but too minimal" โ€” with the biggest blocker named directly as discoverability, not missing features.

AI Feature UX Friction

The AI-enhancement entry point dead-ends with a blocking dialog, inconsistent labeling between screens, and no consistent way to find the feature again once past initial setup.

Finding Themes

What Users Wanted Needed.

What Users Wanted Needed.

What Users Wanted Needed.

What Users Wanted Needed.

Instead of taking feedback as it is, we dug into the root cause, checking it against our original hypothesis, and planed action from there.

Course Correction

Example 1

"If i have not published anything yet, how come the dashboard says view published site"

Original hypothesis

Loading sample specs will allow users to avoid the setup part and directly take them to the published landing page.

Problem

Sense of accomplishment missing.

Lack of control. "As Avinit said: I didnt publish anything yet, then why is it saying "View published"

Possible solutions

We need to introduce a clear publishing moment in the flow. Give them a sample spec, error free warning free, and let them upload and publish it... its a handson, sureshot way to show them how it works.

Course Correction

Example 2

"If I don't already have a spec file handy, I am completely stuck."

Original hypothesis

Built for users who want to see the end outcome in one click, without touching the dashboard at all.

Problem

Didn't account for trust or control, the shortcut felt like something happening to the user, not something they did.

Possible solutions

Rename the CTA to "Publish Now." Keep the one-click convenience, but only trigger publishing on that click โ€” so the user owns the outcome.

Brainstorming - How Might We

Based on the problems we saw with our hypothesis, we started branstorming solutions

Make the first action obvious?

Let users see value before uploading doc?

Show users everything the product does?

But Should We Fix Everything?

Due to limited time and resources, we had to prioritise what to solve and place our product accordingly. For that we mapped Impact VS Effort chart

Impact

Effort

Auto-publish

Error Messages

Workspace Slug

JSON-path breadcrumbs

Two-way schema / response navigation

Onboarding restructure

AI-assisted authoring roadmap

Glossary

P0 - Sweet Spot!

No-go Zone

New User Journey

Product Launch

Feedback from early users revealed where the experience broke down, helping us reshape flows to reduce friction and guide users toward meaningful outcomes.

Did Anyone Buy It?

Yes, we built a community of technical writers, organised webinars to build our presence in the market. But in order to sell it we had to understand where we stood out compared to our competitors

Intuitive UI

Make docs faster to publish.

Feature Rich

Reduce doc-related support queries.

Reasonably Priced

Docs and code stay synchronised โ†’ Accuracy increases โ†’ Customers always get updated information โ†’ Support tickets go down.

Learnings

Working closely with partner teams reinforced the value of shared thinking. Aligning early and often helped us create a more cohesive experience, where the product felt consistent and intentional across touch points.

Whatโ€™s Next

Weโ€™re actively collecting user feedback and pulling items from the backlog. With a strong foundation in place, the focus shifts to fine-tuning the experience, strengthening existing flows, and making the product more delightful.

70% Improving

our effort on improving existing features and user requests

30% Building

on exploring and building new capabilities

Hey Bud!

Lets catch up!

deveshshirsath999@gmail.com

Handcrafter With Blood Figma, Sweat Framer, Tears Jittr. โ“Ž 2026

Hey Bud!

Lets catch up!

deveshshirsath999@gmail.com

Handcrafter With Blood Figma, Sweat Framer, Tears Jittr. โ“Ž 2026

Hey Bud!

Lets catch up!

deveshshirsath999@gmail.com

Handcrafter With Blood Figma, Sweat Framer, Tears Jittr. โ“Ž 2026

Hey Bud!

Lets catch up!

deveshshirsath999@gmail.com

Handcrafter With Blood Figma, Sweat Framer, Tears Jittr. โ“Ž 2026

Hey Bud!

Lets catch up!

deveshshirsath999@gmail.com

Handcrafter With Blood Figma, Sweat Framer, Tears Jittr. โ“Ž 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.