Skip to content
Back to Work

Case study · Developer product

donniedice.com

Turning a complex self-hosted agent platform into a product people can understand.

Product SiteWeb DesignDeveloper ToolingNext.jsCloudflareTechnical Content
Live homepage
donniedice workforce product homepage captured at a desktop viewport
donniedice workforce product homepage captured at a mobile viewport
Live homepage shown at desktop and mobile viewports.

The problem

workforce is infrastructure, role configuration, model routing, and GitLab workflow in one package. A product this technical can become unreadable quickly if the website starts with implementation details.

The solution

cranberriestudios organized the product around the buyer's mental model: what it does, how work moves, which roles exist, what infrastructure is required, and where human gates remain.

The result

A focused developer-product site that can explain the system without pretending the complexity is not there, while keeping requirements, boundaries, and deployment assumptions visible.

Live setup guide
donniedice workforce setup requirements page captured at a desktop viewport
donniedice workforce setup requirements page captured at a mobile viewport
Live setup guide shown at desktop and mobile viewports.

Measurable project facts

Scope taken directly from the current product implementation.

8

Role contracts

One dispatcher plus seven specialist roles are explained as a concrete operating model.

3

Provider integrations

The public model guide covers NVIDIA, Google, and OpenRouter routes.

5 min

Default queue check

The product communicates the configurable issue-check interval without presenting it as a delivery SLA.

1

Supported deployment path

The current package supports an existing Kubernetes cluster; the VPS-to-K3S bootstrap path is explicitly documented as roadmap work.

What we implemented

01

Technical product narrative

The homepage explains the package through architecture, workflow, role boundaries, model routes, and operator control rather than generic AI copy.

02

GitLab workflow visualization

Issue → specialized work → merge request → review is made visible as the central customer workflow.

03

Public setup requirements

A dedicated setup page separates prerequisites and provider-key guidance from the main sales narrative.

04

Static product frontend

Next.js static export keeps the public product experience portable and inexpensive to host.

05

Structured product content

Product and FAQ structured data, canonical metadata, social cards, and semantic sections support discovery and sharing.

06

Explicit trust boundaries

The site distinguishes what the package provides from hosted compute, model credits, or guaranteed unattended delivery.

Implementation

The public product surface is deliberately static. Commerce APIs are isolated behind a separate, fail-closed Cloudflare Worker foundation rather than forcing transactional runtime into every page.

Next.js 15
React 18
TypeScript
Custom CSS
Static export
Cloudflare Pages
Product JSON-LD
FAQ JSON-LD

What changed

  • The site moved from a general personal/developer presentation to a focused product narrative for workforce.
  • Complex architecture is translated into concrete roles, workflows, requirements, and operator-controlled gates.
  • Visitors can understand prerequisites and model-provider requirements before entering a purchase or installation path.
  • The public frontend remains static and portable while a separately gated commerce foundation can evolve behind it.

Selling a technical product?

We can turn implementation detail into a clearer customer path without stripping away the facts technical buyers need.