All work

CASE STUDY

LeafSlate

Making complex publication workflows easier to see, understand, and move forward.

CREATIVE OPERATIONS · WORKFLOW DESIGN · PRODUCT THINKING · CREATIVE TECHNOLOGY

LeafSlate is a visual coordination workspace for complex publications, bringing page planning, imagery, people, notes, and production decisions into one connected view.

LEAFSLATE BEGAN WITH A QUESTION

Could that entire process be easier to see and coordinate?

I studied an existing catalog-production workflow and translated what I learned into a working product designed to support planning, visual decision-making, and coordination as a publication evolves.

laptop mockup showing the Flatplan
Role
Product Strategy · Workflow Discovery · UX & Systems Design · Product Development
Status
Ongoing · 2026

The workflow was fragmented across too many places.

The original catalog process relied on shared documents, spreadsheets, folders, screenshots, and manually maintained records to coordinate a publication with 100–200+ pages and spreads.

As imagery, people, notes, and production decisions changed, information had to be checked and updated across multiple sources. A change in one place could leave another reference outdated.

That created two problems at once:

  1. 01

    too much repetitive maintenance

  2. 02

    no reliable way to keep related information connected over time

The opportunity was not simply to make the process faster.

It was to keep related information dependable as the publication changed.

I started by observing the workflow, not designing features.

I sat with the primary user and observed the catalog-production process in real time, documenting where information was copied, rechecked, or reconstructed as work progressed.

The discovery focused on three things:

01

What people needed to know

The information required to make decisions at each stage of the publication.

02

Where that information lived

Which documents, files, tools, or people held the context needed to keep the work moving.

03

What happened when something changed

Where updates created repeated checking, duplicated work, or stale information elsewhere in the process.

The goal was not to reproduce the old process in a new interface. It was to distinguish essential work from workarounds and identify where a connected system could help.

Turning the workflow into a connected system.

Once I mapped the workflow, I organized LeafSlate around the publication itself: workspaces, catalogs, a visual flatplan, and individual spreads.

  1. 01
    Workspace
  2. 02
    Catalog
  3. 03
    Flatplan
  4. 04
    Spread

    Inside the spread workspace

    • Images
    • People
    • Notes
    • Status
    • Layout
Connected product model from Workspace to Catalog to Flatplan to Spread, with Spread connected to Images, People, Notes, Status, and Layout.

Each spread brings together the imagery, people, notes, status, and visual context needed to make decisions.

Instead of reconstructing that information across separate documents, the system keeps the context around each spread connected as the publication evolves.

Make visual decisions before and during design.

A team often needs to explore imagery and discuss direction before a final page layout exists.

As the design develops, those choices may need to change. An image that worked during early planning may no longer work once the typography, composition, and page structure become visible.

LeafSlate preserves that visual context as the publication progresses.

  1. Plan
  2. Explore
  3. Design
  4. Reconsider
  5. Refine
  6. Review

Not another design tool.

LeafSlate is not intended to replace Adobe InDesign or Affinity Publisher. Those tools provide the precision needed for page design and print production.

LeafSlate serves a different purpose: giving the wider creative and production team a visual space to explore, review, and discuss the publication without working inside specialist design software.

Design software is where the page is built.
LeafSlate is where the wider team can see it, discuss it, and help move it forward.

Enough fidelity to make the decision.

More control is not automatically better.

Rather than adding unrestricted positioning, cropping, resizing, or full layout controls, I kept the Spread Workspace focused on a limited set of visual arrangements, including left-page, right-page, full-spread, and partial-page compositions.

The goal is to communicate an idea clearly enough to make a decision without introducing the complexity of another layout application.

Match the fidelity of the tool to the decision being made.

Enough control to communicate intent.

Not enough complexity to slow the work down.

A publication is spatial. The interface should be too.

A catalog with more than a hundred pages should not feel like a hundred disconnected tasks.

LeafSlate connects a publication-wide overview with spread-level decisions, allowing users to move between planning, review, and detailed work.

01

Visual Flatplan

The Flatplan brings page order, spread relationships, production status, and overall progress into one visual overview.

It allows users to understand where the publication stands and move directly to a spread that needs attention.

LeafSlate flatplan view showing a grid of editorial spreads with thumbnails and color-coded production statuses.
02

Catalog Preview Mode

The Flatplan shows the publication's structure. Catalog Preview Mode shows how it comes together as a book.

Page-turn transitions, a thumbnail rail, and responsive spread presentation allow the team to review sequence, pacing, and visual continuity. Users can also open the current spread directly in the Spread Workspace when something needs attention.

03

Spread Workspace

Each spread has a focused working environment connecting imagery, placement previews, notes, linked people, and production status.

  • left and right page context
  • candidate imagery
  • selected imagery
  • rejected imagery
  • notes
  • linked people and face sheets
  • production status

Candidate, selected, and rejected image states preserve what has already been considered. Selected imagery can be previewed within the spread to evaluate how it works in context.

LeafSlate spread workspace showing a selected magazine spread, image options, notes, and production status.
04

People + Face Sheets

People linked to a spread remain accessible through face sheets containing relevant profile information, approvals, and notes.

The team can find that context without searching through separate records.

LeafSlate people and face sheet interface showing linked profile details connected to the publication workflow.
See the publication as a whole.
Work through the decisions spread by spread.

A consistent core. Room to adapt.

LeafSlate separates the structure essential to publication work from the details that may vary between teams.

The core remains consistent: catalogs, spreads, pages, images, people, and notes.

Other areas—such as production statuses, note labels, templates, and workspace preferences—are designed to support configuration as that functionality develops.

A team might use:

Photography Needed → Selecting → Ready for Review → Approved

while another workflow may use different status language.

The objective is not unlimited flexibility. It is a dependable foundation with room to adapt where that flexibility is useful.

01 / Foundation

Core Structure

  • Catalogs
  • Spreads
  • Pages
  • Images
  • People
  • Notes
02 / Configuration

Configurable Details

  • Statuses
  • Note Labels
  • Templates
  • Workspace Preferences
LeafSlate keeps a consistent core structure while allowing appropriate production details to be configured.

DESIGN PRINCIPLE

KEEP THE CORE CLEAR.

The workflow needs structure, but not every detail needs to be fixed.

Some things should stay consistent.

Some things should be configurable.

Some decisions need constraints.

Some details need room to change.

FLEXIBILITY WHERE IT HELPS.
STRUCTURE WHERE IT MATTERS.

From working prototype to multi-user infrastructure.

A useful prototype answers whether an idea works. Developing it for multiple users introduces another set of questions.

Who can change information? How should permissions differ? What happens when two people edit the same record?

Those questions shaped the move toward authentication, role-based access, database-level authorization, controlled changes, and version-aware conflict protection.

The current role model includes:

Owner · Admin · Editor · People Editor · Viewer

Permissions are enforced at the data layer, not just by what users can see or click in the interface.

The hosted system has been tested against unauthorized access, invalid changes, stale versions, ordering conflicts, and concurrent edits. When editing conflicts occur, LeafSlate surfaces them instead of silently overwriting work, while preserving the user's draft.

01 / Prototype

Prototype

  • Workflow Model
  • Flatplan
  • Spread Workspace
  • Image States
02 / Infrastructure

Multi-User Infrastructure

  • User Access
  • Role Permissions
  • Version-Aware Updates
  • Audit History
  • Conflict Protection
LeafSlate progression from a workflow prototype to multi-user product infrastructure.

Built for today's workflow, without limiting tomorrow's.

LeafSlate is designed around one real publication workflow. It is not being presented as a commercial SaaS product.

At the same time, I organized the architecture around workspaces rather than assuming the system would always serve a single fixed context.

That was a deliberate decision: solve the immediate problem without building unnecessary limitations into the foundation.

Built enough to use. Still being developed deliberately.

LeafSlate's core workflows are developed in a working product and staged for testing, with additional functionality still being refined. A real-workflow pilot and measurement of impact are still ahead.

01

Built

  • Catalog dashboard
  • Visual Flatplan + Catalog Preview Mode
  • Spread Workspace + image decision workflow
  • Linked people + face sheets
  • Notes + production status
  • Role-based access and responsive layouts
02

Tested + Verified

  • Authentication and access rules
  • Owner / Admin edit permissions
  • Read-only role behavior
  • Invalid-change protection
  • Stale-version handling
  • Visible conflict handling + draft preservation
03

In Development

  • Workspace configuration
  • Usability refinement
  • Broader workflow integration
  • Continued stakeholder validation
04

Planned

  • Production image-processing pipeline
  • Real-workflow pilot testing
  • Broader stakeholder review
  • Measurement of workflow impact

The goal is not to make LeafSlate look finished before it is. It is to keep building it around evidence.

The next milestone is validation, not more features.

With the core experience developed, the next priority is understanding how well it holds up in real use.

The questions I want to answer are straightforward:

  • What actually becomes easier?
  • Where do people still work around the system?
  • Which assumptions need to change?
  • What should stay outside LeafSlate entirely?

Those findings will guide usability refinement, continued stakeholder validation, pilot testing, and eventual measurement of workflow impact.

  1. Validate
  2. Refine
  3. Pilot
  4. Measure

BUILD APPROACH

Using technology as leverage, not as the story.

I defined the product logic, workflows, interaction requirements, and testing criteria, using AI-assisted development tools including OpenAI Codex to accelerate implementation and iteration.

Stack: Next.js · TypeScript · Supabase/PostgreSQL · Vercel

REFLECTION

The interface was only the visible part of the problem.

LeafSlate began as a question about visualizing a catalog. It became an exercise in understanding the information, dependencies, and decisions that support creative work.

The most important decisions were not about how many features to build. They were about which connections, constraints, and safeguards could make the work clearer without introducing unnecessary complexity.

That is the lesson I take from the project: understand the work first, then design the system that supports it.

Credits

  • Product concept, workflow discovery, product strategy, UX & systems design, and product development — Aman Shakya
  • Workflow expertise and feedback — Participating SCAD Visual Media team members