> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shootbin.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Client & Reviewer Documentation

> Everything you need as a client, reviewer, or guest on Shootbin. Learn how to browse albums, review photos, leave feedback, sign contracts, and download your delivery.

If you've been invited to a Shootbin project as an **Approver** or **Guest**, these guides cover everything you can do inside the project, from viewing photos and leaving feedback to signing contracts and downloading your final files.

## Roles at a glance

Shootbin has two roles for non-owners:

<CardGroup cols={2}>
  <Card title="Approver" icon="badge-check">
    Full review access. You can browse albums, approve or reject photos, add annotations, send the project back for edits, mark it complete, and download delivery files.
  </Card>

  <Card title="Guest" icon="eye">
    View-only access. You can browse albums and photos and view existing annotations, but you cannot approve, reject, annotate, or participate in the review workflow.
  </Card>
</CardGroup>

Your role is assigned by the project owner when they invite you. You cannot change your own role, contact the project owner if you need different permissions.

***

## Available guides

<div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/getting-started">Getting Started</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Accept an invitation, create your account, and navigate the dashboard.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/albums-photos">Albums & Photos</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Browse albums and use keyboard shortcuts to navigate.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/approvals">Approvals</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Approve or reject photos one at a time or in bulk, and rate with stars.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/annotations">Annotations</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Pin comments on photos, reply in threads, and resolve notes.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/review-workflow">Review Workflow</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Send back for edits or mark the project complete.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/messaging">Messaging</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Send direct messages to the project owner.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/contracts">Contracts</a></h4>
    <p className="text-sm text-muted-foreground mb-0">View and sign digital contracts.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/payments">Payments</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Make payments required by the project owner.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/delivery">Delivery</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Download your approved photos when ready.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/faq">FAQ</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Common questions and answers.</p>
  </div>
</div>

<div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/getting-started">Getting Started</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Accept an invitation, create your account, and navigate the dashboard.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/albums-photos">Albums & Photos</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Browse albums and use keyboard shortcuts to navigate.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/approvals">Approvals</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Approve or reject photos one at a time or in bulk, and rate with stars.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/annotations">Annotations</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Pin comments on photos, reply in threads, and resolve notes.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/review-workflow">Review Workflow</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Send back for edits or mark the project complete.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/messaging">Messaging</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Send direct messages to the project owner.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/contracts">Contracts</a></h4>
    <p className="text-sm text-muted-foreground mb-0">View and sign digital contracts.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/payments">Payments</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Make payments required by the project owner.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/delivery">Delivery</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Download your approved photos when ready.</p>
  </div>

  <div className="rounded-xl border p-5">
    <h4 className="font-semibold text-base mt-0 mb-2"><a href="/clients/faq">FAQ</a></h4>
    <p className="text-sm text-muted-foreground mb-0">Common questions and answers.</p>
  </div>
</div>