A stack of five privacy mode panels, from Public to Private, fading into the background

Content Protection System

Privacy settings

  • +20%Self-upgrades
  • −80%Support tickets
  • >70%Feature adoption

Due to NDA, I had to change some facts: numbers and data.

TL;DR

Designed a granular privacy control system from scratch to unlock Enterprise sales and eliminate B2B churn. Engineered scalable user access layers, including SSO integration, domain whitelisting, and embedded upsell triggers, reducing support load by 80%.

The Customize flipbook panel with six privacy modes on a monitor, next to an open flipbook

Project Overview

Background

FlippingBook relied on a basic content protection model: access via a direct link, with the option to add a password. However, enterprise clients sharing highly sensitive documents, reports, and presentations needed more robust controls. By 2022, as the product grew rapidly in the enterprise B2B segment, these basic settings fell critically short.

Problem

Sales reps were losing high-value deals every week, with the lack of advanced access settings ranking among the top three reasons for customer rejection.

Support was overwhelmed with repetitive tickets asking, “How do we restrict access to our flipbooks?”

Context

FlippingBook is a content-sharing platform used by 70,000+ paying customers in 190 countries, including 193 of the Fortune 500, serving 3+ million monthly readers.

The platform bridges traditional static documents and modern interactive experiences, providing a secure, flexible way to create, customize, and distribute interactive flipbooks with built-in analytics and tracking.

Team
Designer, CEO, PM, Sales, Support, Frontend, Backend
My role
Sr. Product DesignerUX Owner, Researcher, Product designer
Timeline
2022–2025
Platform
Web

The starting point

Core challenge

Clients are leaving due to the lack of flexible privacy settings

Typical use case

A CFO prepares a quarterly financial report, uploads it to our service, and secures it with a single, shared password. The link is sent to board members. A week later, one recipient accidentally forwards the link and password to a company-wide Slack channel. The sensitive financial figures are exposed to the entire organization, forcing the client to search for a more secure solution from a competitor.

Password only

Content security method

~6 deals per month

Lost leads

50+ tickets per month

Support workload

Where we started

Single mode: Password

Single mode: Password
Single mode: Password
The password prompt a reader sees on opening a protected flipbook

Goals

Design perspective

Build a scalable access hierarchy architecture and design upgrade/upsell logic

Business perspective

Establish a strong foothold in the enterprise segment and address security objections

Engineering perspective

Design a unified, reusable UI component

The process

I structured the workflow to turn a chaotic stream of complaints into a systematic redesign of our information architecture.

It ran in two phases. First I looked for pain points, validated hypotheses with usability tests and scoped the MVP. Then came UX detailing, UI design, developer hand-off, quality control of the implementation, post-release analytics and iterations.

1 • Discovery

01

RESEARCH

Tickets and lost deals pointed at one gap

Research: Sales interviews and Support tickets, categorized with Claude, led to patterns and pain pointsResearch: Sales interviews and Support tickets, categorized with Claude, led to patterns and pain points
Searching pain points

I collaborated with our Sales and Support teams to gather context around user complaints and quantify the business impact of lost deals. I first developed a structured interview script for sales reps regarding churned prospects. Then, I extracted customer support tickets from the last six months from Jira and Zendesk, using Claude to categorize the requests. This quantitative and qualitative analysis quickly revealed clear usage patterns and core user pain points.

Stages

After the concept was approved, I developed new components for the design system and assembled an interactive prototype. Using this prototype, I conducted a hallway usability test with 12 colleagues from related teams to test the main hypotheses. The tests confirmed the correctness of the chosen design vector.

Conceptual problem

The same document was shared with board members, partners, and the public without any differentiation in access levels. Furthermore, subscription tiers lacked tiered access controls, even though enterprise clients were willing to pay up to 3x the base price for advanced security features.

02

RESEARCH

How Notion, DocSend, Pitch and Flipsnack gate access

Competitors compared: Notion with roles, DocSend and Pitch with email and OTP, Flipsnack with password and unlisted linksCompetitors compared: Notion with roles, DocSend and Pitch with email and OTP, Flipsnack with password and unlisted links
Market analysis

I set up trial accounts in DocSend, Pitch, Notion, and Flipsnack. For the latter two, I had to request corporate demo accounts because enterprise settings are locked behind sales walls.

In each tool, I created test documents, configured permissions, sent links to myself, attempted to forward them to colleagues, and tested vulnerability to access bypasses.

I documented every settings screen in Figma and consolidated a comparative matrix in Notion across four areas: role models, reader verification, link-sharing flexibility, and pricing tier limitations.

Notion

Notion utilizes a highly sophisticated permission structure: Guest, Member, Admin, with rights configurable at the individual page block level. While technically impressive, this is overengineering for flipbooks. Our users need to decide who can see a document in under 10 seconds. A complex permission matrix is simply overkill for this context.

DocSend & Pitch

This is where I found the most elegant pattern. A viewer opens a link, enters their email, receives an OTP code, and only then accesses the document. The email acts as the access key while simultaneously providing the document owner with viewer analytics.

Flipsnack

Their privacy settings were limited to password protection and unlisted links. They lacked email verification or SSO integrations, despite these features being table stakes for the enterprise market.

Key insight

Our analysis revealed that enterprise users need dynamic control over the context of document distribution. A static password is just one tool and is far from sufficient for enterprise clients. They need to differentiate access based on use case: from a public SEO-indexed catalog to a private draft, or a secure embed restricted to a corporate intranet URL.

03

VALIDATING

The job: delegate data protection to the product

User flow: a chain of yes/no questions leads to one of the privacy modes; Public, Shareable Link, Password, Protected Embed and Private are in the MVP, Restricted Access with Email/Domain and SSO is in the backlog
Job statement

Based on the internal audit and market research, I defined the core user requirement: “When sharing sensitive documents (financials, pitches, proposals), I want to delegate data protection to the product, so I can eliminate human error and confidently ensure document security.”

Hypotheses
  1. Replacing manual password setup with clear, predefined privacy presets will encourage users to configure security settings more frequently. We can validate this by tracking the growth in the percentage of protected files in our database.
  2. Designing five progressively secure privacy levels will reduce cognitive load. Users will intuitively select the appropriate security tier without relying on documentation, as validated by a zero-rate of critical setup errors during testing.
  3. Showcasing advanced modes on lower subscription tiers will drive a Product-Led Growth (PLG) effect. Users will see the solution to their security pain points and initiate self-serve upgrades directly from the Privacy settings. Growth in upgrades originating from the Privacy panel will confirm this.
Validation process

I mapped out user flows and logical diagrams for each scenario, aligned with the PM and CEO, and prioritized features using the RICE framework. We then reviewed these schemas with the engineering team to discuss technical feasibility and complexity. This allowed us to quickly define the MVP scope.

MVP scope

The first release included five primary privacy levels. We deliberately postponed complex verification mechanisms (Email verification and SSO) to Phase 2 to quickly validate the updated architecture’s value with real users.

04

STRATEGY

Password stays a mode and a modifier

Two states of the Protected Embed card in the Privacy settings dialog: a domain field with a Set password link, and the list of allowed domains with a password field
MVP scope: five modes in the MVP, Restricted Access and the password-as-modifier question moved to Phase 2MVP scope: five modes in the MVP, Restricted Access and the password-as-modifier question moved to Phase 2
Technical constraints

During planning, we hit backend hurdles. Implementing a full Restricted Access feature with OTP emails required mail server reconfigurations and threatened to delay the release. Corporate SSO integration was even more resource-intensive. However, Sales confirmed they could close early deals without SSO if we provided robust baseline protection against document copying.

Product decision

We made a strategic trade-off to launch faster. Instead of complex email verification, we shipped a “Protected Embed” mode in the MVP. Restricting document rendering to specific host URLs was significantly easier to build. This single feature addressed 80% of B2B needs—specifically securing documents shared via corporate intranets against external leaks.

Email and SSO authorization were moved to the backlog as plan-of-record items for Phase 2.

UI workaround

To avoid blocking the release, we introduced a minor UI compromise. We allowed users to set password protection as both a standalone mode and an optional modifier on top of Protected Embed. While slightly inconsistent from a pure information architecture perspective, it enabled the frontend team to reuse our legacy password logic. This saved weeks of dev effort and accelerated our MVP time-to-market.

Outcome

Collaborating closely with engineering saved months of costly backend development. We delivered a functional MVP in just 3 months, successfully reducing B2B customer churn and saving high-value sales deals.

We shelved the email verification and SSO backlog items, returning to them once the foundational system proved successful and was ready to scale.

05

ALIGNMENT

Aligning Stakeholders

The Privacy radio card as a component in the design system: Public, Shareable Link, Password, Protected Embed, Private and Restricted Access in default, hover, selected, disabled and focused states
Review and approval

I iterated on the information architecture and transition logic six times. Working closely with the PM, we refined the UX, while the CEO actively reviewed every prototype. The initial drafts were rejected, pushing us to simplify the flows until the logic was clear and intuitive for everyone.

Cross-functional alignment

I presented the final designs at a comprehensive cross-functional sync involving lead engineers, sales directors, and support managers. In our collaborative culture, collecting input from all departments was essential to ensure alignment before development.

When finalized, naming conventions were backed by market research. Together with the CEO, we agreed on working titles that met both user experience and marketing criteria.

Deliverables

I completed production-ready mockups for all core service areas and handed them over to engineering with extensive logic notes and edge-case documentation. During implementation, I oversaw the quality through structured design reviews.

2 • Delivery

06

ARCHITECTURE

Radio cards with inline settings, no modals

The Privacy section of the customizer: a vertical stack of radio cards from Public to Private
The Protected Embed card expanded inline: allowed domains, a domain field and a Set password link

The MVP included the following modes: Public, Shareable link, Password, Protected Embed and Private (draft).

UI logic

I designed a modular privacy settings panel built around a vertical stack of large radio-style cards. Clicking a card reveals inline settings inside the main panel, avoiding disruptive modal transitions or secondary screens.

Reducing cognitive load

The vertical layout functions as a progressive security scale. Users naturally scan down the list, moving from public access to strict privacy. This modular structure also made it easy to slot in complex future settings (like Restricted Access) without re-architecting the panel layout.

While password protection remained a standalone option, we also enabled it as an optional layer on top of other setups (Protected Embed, and later, Restricted Access). This technical trade-off retained a familiar flow for existing users while giving enterprise clients immediate configuration flexibility.

07

ARCHITECTURE

Locked modes sell the upgrade inside settings

A locked Password option with a tooltip: password protection is available on higher plans, with an Upgrade now link
Locked Password, Restricted Access and Protected Embed options with Upgrade links in the Privacy settings dialog on the flipbook list
Product-Led Growth

Instead of hiding advanced settings or offering a stripped-down menu to lower-tier plans, we displayed all options with clear locked states. Users discover advanced product capabilities exactly when they need them—the moment they try to toggle a restricted mode.

Component design

I paid close attention to designing locked states for entry-level plans. I designed and added global system-locked states to our UI kit. This established a standardized visual design language for paywalls, which was then reused across other areas of the product.

Self upgrade

Interacting with a locked option triggers a contextual tooltip. We populated this tooltip with a brief value proposition for the business, a link to the help center, and a direct Upgrade button. This effectively embedded our self-serve sales funnel directly into the feature.

Future-proofing

The upsell mechanics proved most effective during Phase 2 when we launched Restricted Access. These advanced settings became the primary upgrade trigger for B2B accounts on entry-level plans, prompting them to move to Team or Enterprise tiers straight from the Privacy panel.

Results

What was once a utility menu became a powerful tool for Product-Led Growth. Analytics showed that the locked states and contextual tooltips delivered a ~20% increase in self-serve upgrades initiated inside the portal, entirely bypassing the sales team.

08

VALIDATING

Testing the panel with real tasks

Prototype flow: a stack of five cards, inline settings of Protected Embed, a locked mode with a tooltipPrototype flow: a stack of five cards, inline settings of Protected Embed, a locked mode with a tooltip
Prototyping

I built an interactive Figma prototype using advanced variables and conditional logic. It simulated the live app experience: users could toggle between the five core privacy modes, configure inline properties on cards, and interact with the locked states. This allowed us to validate key flows before writing any code.

Testing scope

I moderated 12 usability testing sessions via Zoom, complete with screen recording. The participant pool included 4 enterprise B2B customers, 4 lower-tier B2C users, and 4 colleagues from cross-functional teams. Segmenting the group was crucial to verify how advanced security settings affect the user experience of distinct audiences.

User tasks
  1. Restrict document access so it can only be opened when embedded on the company’s corporate website.
  2. In half of the sessions, users had to overlay a password on top of the embed restriction to test our most complex configuration scenario.
  3. Revoke all access, making the flipbook completely private (Draft state).
Metrics

Success Rate, Time on Task, and the count of critical, unassisted errors.

Test findings

All 12 participants successfully completed the tasks with a median Time on Task of ~35 seconds. The tests confirmed that users instantly understood the vertical safety hierarchy, and stacking a password over Protected Embed felt intuitive. Validating this concept at the interactive prototype stage eliminated coding errors and saved valuable engineering resources.

09

SYNCHRONIZATION

Restricted Access: email, domain and SSO

The Access via email address/domain dialog: a pasted list of addresses, domains and addresses as tags, Save and Cancel
The SSO tab of the Restricted Access card and the SSO Protected screen a reader sees: enter your email and log in
Post-MVP insights

Post-launch metrics indicated a ~15% bump in B2B retention. While Protected Embed satisfied immediate business requirements, ongoing support feedback and feedback from high-value prospects made it clear we needed to deliver deeper capabilities.

Designing Restricted Access

In late 2024, we returned to our backlog to design the long-awaited Restricted Access mode.

From a UI standpoint, we housed this new feature inside a single radio card within our existing modular panel. Inside the card, we designed two tabs for different reader authentication methods: Email/Domain verification and SSO login. This approach kept the customizer interface compact and avoided adding cognitive noise.

UX mechanics: access lists

The main UX challenge for the Email/Domain access list was handling large volumes of entries. Managers in enterprise companies rarely add users one by one; they copy lists containing hundreds of addresses. I designed an input field that parses pasted raw text from Excel or Slack in real time. The system automatically detects delimiters, validates formats, filters out duplicates, and immediately renders clean tag badges.

Viewer authentication scenarios

Beyond the author’s admin panel, I designed the complete end-to-end authentication experience for the end viewer attempting to access a secured flipbook. I mapped out and designed the user flows for two distinct entry pathways: single-sign-on (SSO) login and email-based one-time password (OTP) verification. I also crafted all critical edge cases, including error states for invalid codes, session expiration screens, and clear 'Access Denied' states for unauthorized users.

Business impact

This delivered a powerful high-leverage tool for the sales team to close high-value contracts. Crucially, our design system proved highly resilient to scaling: the modular radio card pattern accommodated complex backend configurations within the existing customization panel.

10

TIMELINE

Launch and what changed

Before: Flipbook page: the current privacy mode now sits next to the flipbook link
After: Flipbook page: the current privacy mode now sits next to the flipbook link
Flipbook page: the current privacy mode now sits next to the flipbook link
Launch

We launched the Privacy MVP in Q1 2022, embedding the new settings panel globally across all touchpoints to ensure a cohesive user experience.

Results
  • Privacy-related support tickets dropped from ~50 to ~10 per month post-MVP release.
  • Conducted a live stakeholder demo at our all-hands meeting, equipping sales representatives to leverage the new privacy panel as a key differentiator in sales calls.
  • Over 70% of enterprise accounts configured two or more security modes concurrently in the first three months.
  • Implementing in-app locked states yielded a ~20% increase in self-serve subscription upgrades via CTA click tracking.
  • The Q2 2025 launch of advanced privacy tiers directly unlocked major enterprise deals in the following quarter.

The outcome

Comparison

Before: As shown in the Customizer interface
After: As shown in the Customizer interface
As shown in the Customizer interface

Privacy modes

Their multi-faceted impact on the product

Flipbook page preview: a quick-access button for privacy settings next to the flipbook link
Quick access menu: privacy mode icons on the publication list open a menu with the mode, the link and sharing options
Privacy pop-up: set a password for a flipbook from anywhere in the personal account
Product-led growth: locked states on lower plans with Upgrade links
Restricted by email or domain: a dialog with allowed domains and email addresses
SSO security system: the SSO tab and the SSO Protected screen for readers
Private mode works like a draft: the flipbook can be viewed only through the personal account
Sharing a protected flipbook: the Share dialog shows the password with a Copy password button

Results

$XXXk+

B2B deals

−45%

Churn rate

−80%

Support load

Retrospective

What I would do differently

Currently, password protection exists as both a standalone mode and a modifier for other modes. Moving password security into a completely distinct modifier layer would yield a cleaner mental model: a user first defines “who has access” and then configures “password required.”

Backlog

  • Audit Logs: Integration with security logs to track potential link leaks inside enterprise environments.
  • Auto-Cleanup: Automating the removal of outdated access lists upon customer contract expiration.

Questions?

Next case

All work