diff --git a/concordia/static/css/base.css b/concordia/static/css/base.css
index 2118077e2..843dbb515 100644
--- a/concordia/static/css/base.css
+++ b/concordia/static/css/base.css
@@ -22,6 +22,12 @@
     --bg-loading: rgba(51, 51, 51, 0.5); /* #333333 */
     --shadow-color: rgba(51, 51, 51, 0.8); /* #333333 */
     --light-shadow-color: rgba(51, 51, 51, 0.4); /* #333333 */
+
+    /* Colors used to build complex interface widgets */
+    --control-bg-light: #efefef;
+    --control-bg-default: #d8d8d8;
+    --control-label-color: #333333;
+
     --height-top-nav: 8.0625rem;
     --height-main: calc(100vh - 8.0625rem); /* Subtract height of navbar */
 
@@ -37,10 +43,7 @@
 }
 
 body {
-    top: 0;
-    left: 0;
     color: var(--text-color-primary);
-    overflow-x: hidden;
     border-top: 0.25rem solid var(--primary-color);
     background-color: var(--bg-offwhite);
 }
@@ -271,10 +274,6 @@ p.hero-secondary.offwhite-text {
     background-color: var(--primary-color);
 }
 
-main {
-    min-height: var(--height-main);
-}
-
 input {
     color: var(--text-color-primary);
     background-color: var(--bg-offwhite);
@@ -284,18 +283,6 @@ hr {
     color: var(--bg-dark-gray);
 }
 
-.navbar {
-    padding: 0;
-}
-
-.navbar-toggler {
-    margin: 0;
-}
-
-.navbar-toggler-icon:focus {
-    outline: none;
-}
-
 .navbar-brand {
     padding-top: 0;
     padding-bottom: 0;
@@ -327,10 +314,6 @@ div.nav-secondary {
     border-left: solid 0.0675 var(--bg-darkest-gray);
 }
 
-.border-bottom-artifacts {
-    border-bottom: solid 0.125rem var(--bg-divider);
-}
-
 .border-left-home-contribute {
     border-left: solid 0.0675rem var(--bg-offwhite);
 }
@@ -375,13 +358,6 @@ div.nav-secondary {
     align-self: flex-end !important;
 }
 
-.padding-header {
-    padding-top: calc(
-        (28.125rem - 9.1875rem) / 2
-    ); /* vertically center text and button */
-    padding-bottom: calc((28.125rem - 9.1875rem) / 2);
-}
-
 .margin-default,
 .mxy-default {
     margin: 2rem !important;
@@ -505,9 +481,6 @@ div.nav-secondary {
 
 /* MD breakpoint and below */
 @media (max-width: 991.98px) {
-    .border-bottom-artifacts {
-        border-bottom: solid 0px transparent;
-    }
     .border-left-home-contribute {
         border-left: solid 0px transparent;
     }
@@ -617,80 +590,6 @@ div.nav-secondary {
     }
 }
 
-.col,
-.col-1,
-.col-10,
-.col-11,
-.col-12,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-auto,
-.col-lg,
-.col-lg-1,
-.col-lg-10,
-.col-lg-11,
-.col-lg-12,
-.col-lg-2,
-.col-lg-3,
-.col-lg-4,
-.col-lg-5,
-.col-lg-6,
-.col-lg-7,
-.col-lg-8,
-.col-lg-9,
-.col-lg-auto,
-.col-md,
-.col-md-1,
-.col-md-10,
-.col-md-11,
-.col-md-12,
-.col-md-2,
-.col-md-3,
-.col-md-4,
-.col-md-5,
-.col-md-6,
-.col-md-7,
-.col-md-8,
-.col-md-9,
-.col-md-auto,
-.col-sm,
-.col-sm-1,
-.col-sm-10,
-.col-sm-11,
-.col-sm-12,
-.col-sm-2,
-.col-sm-3,
-.col-sm-4,
-.col-sm-5,
-.col-sm-6,
-.col-sm-7,
-.col-sm-8,
-.col-sm-9,
-.col-sm-auto,
-.col-xl,
-.col-xl-1,
-.col-xl-10,
-.col-xl-11,
-.col-xl-12,
-.col-xl-2,
-.col-xl-3,
-.col-xl-4,
-.col-xl-5,
-.col-xl-6,
-.col-xl-7,
-.col-xl-8,
-.col-xl-9,
-.col-xl-auto {
-    padding-right: 0;
-    padding-left: 0;
-}
-
 .btn-primary {
     background-color: var(--primary-color);
     border-color: var(--primary-color);
@@ -945,123 +844,77 @@ div.nav-secondary {
 }
 
 /*
-* Contribute page CSS
-*/
+ * Asset detail page
+ *
+ * This page wants to display as much as possible and so the entire page is a flex column
+ */
 
-.asset-image {
-    height: var(--height-contribute-image);
-    min-height: calc(100vh - 9.625rem);
-    border: 0px solid transparent;
+body.view-transcriptions--asset-detail {
+    height: 100vh;
 }
 
-.contribute-box {
-    height: calc(100vh - (8.0625rem + 1.59375rem));
+#contribute-main-content {
+    position: relative;
 }
 
-.contribute-box .dropdown-menu {
-    cursor: pointer;
+#contribute-main-content h2 {
+    font-size: inherit;
 }
 
-.contribute-box .dropdown-menu.active {
-    color: var(--text-color-offwhite);
-    background: var(--primary-color);
+#navigation-container {
+    background-color: var(--control-bg-light);
+    border: solid var(--control-bg-default) 1px;
+    border-bottom: unset;
 }
 
-.nav-pills .nav-link {
-    color: var(--text-color-offwhite);
-    border-radius: 1rem;
-    text-decoration: underline;
-    font-size: 0.875rem;
-}
-
-.nav-pills .nav-link.active {
-    color: var(--text-color-offwhite);
-    background-color: var(--primary-color);
-    text-decoration: none;
+#contribute-container {
+    border: solid var(--control-bg-default) 1px;
 }
 
 #transcription-editor textarea {
     resize: none;
 }
 
-#contact-button {
-    position: absolute;
-    right: 0.5rem;
-    bottom: 0.5rem;
+#help-container {
+    display: flex;
+    justify-content: end;
+    align-items: center;
+}
+
+#help-container > * {
+    margin: 0.6rem;
 }
 
-.contribute-instructions {
+#instruction-window {
     position: absolute;
-    left: 0;
     bottom: 0;
-}
+    right: 0;
+    left: 0;
 
-@keyframes instructions {
-    0% {
-        display: block;
-        opacity: 0;
-        color: rgba(38, 50, 56, 0);
-    }
-    25% {
-        width: 25%;
-        height: 25%;
-        opacity: 0.25;
-    }
-    50% {
-        width: 50%;
-        height: 50%;
-        opacity: 0.5;
-    }
-    75% {
-        width: 75%;
-        height: 75%;
-        opacity: 0.75;
-    }
-    90% {
-        color: rgba(38, 50, 56, 0.3);
-    }
-    100% {
-        width: 100%;
-        height: 100%;
-        opacity: 1;
-        color: rgba(38, 50, 56, 1);
-    }
-}
+    z-index: 10;
 
-.contribute-instructions.instruction-window {
-    border-top: 0.0675rem solid var(--bg-darkest-gray);
-    animation: instructions 0.5s linear;
+    background-color: rgba(250, 250, 250, 0.8);
+    border-top: 1pt solid var(--bg-darkest-gray);
+    transition: height 1s linear 0;
 }
 
-.contribute-instructions.instruction-window.collapse {
+#instruction-window.collapse {
     display: none;
-    position: absolute;
-    left: 0;
-    bottom: 2.375rem;
 }
 
-.contribute-instructions.instruction-window.collapse.show {
+#instruction-window.collapse.show {
     display: block;
-    height: 100%;
-    bottom: 2.375rem;
 }
 
-.instruction-window p {
-    margin-bottom: 0;
-}
-
-#instruction-button {
-    border-radius: 0;
-}
-
-#instruction-button:focus {
-    border-radius: 0;
-    box-shadow: none;
+#instruction-window p {
+    max-width: 40em;
+    margin: auto;
 }
 
 /*
-* tag-input
-*/
+ * Tag input on the asset detail page
+ */
+
 #current-tags {
     border: 0px solid #ccc;
     border-radius: 0.25rem;
diff --git a/concordia/templates/base.html b/concordia/templates/base.html
index 0f10de5bc..f037eb594 100644
--- a/concordia/templates/base.html
+++ b/concordia/templates/base.html
@@ -26,9 +26,9 @@
     {% endif %}
 </head>
 
-<body class="view-{{ VIEW_NAME_FOR_CSS }} section-{{ PATH_LEVEL_1|default:'homepage' }} environment-{{ CONCORDIA_ENVIRONMENT }}">
+<body class="view-{{ VIEW_NAME_FOR_CSS }} section-{{ PATH_LEVEL_1|default:'homepage' }} environment-{{ CONCORDIA_ENVIRONMENT }} {% block extra_body_classes %}{% endblock %}">
     <header>
-        <nav class="navbar navbar-expand-lg flex-row navbar-offwhite bg-offwhite justify-content-between align-items-end py-3 px-md-default pl-2">
+        <nav class="navbar navbar-expand-lg flex-row navbar-offwhite bg-offwhite justify-content-between align-items-end">
             <div class="d-flex navbar-brand">
                 <a class="my-auto" href="https://www.loc.gov">
                     <img src="{% static 'img/LoC-logo.svg' %}" alt="Library of Congress logo"></a>
@@ -85,7 +85,7 @@ <h1 class="header-text align-self-end">
             {% endif %}
         </nav>
     </header>
-    <main>
+    <main class="{% block extra_main_classes %}{% endblock %}">
         {% block breadcrumbs-container %}
             <nav aria-label="breadcrumb">
                 <ol class="breadcrumb bg-offwhite my-0">
diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
index 491f0219b..91adebb77 100644
--- a/concordia/templates/transcriptions/asset_detail.html
+++ b/concordia/templates/transcriptions/asset_detail.html
@@ -18,34 +18,14 @@
     <li class="breadcrumb-item active">{{ asset.title }}</li>
 {% endblock breadcrumbs %}
 
-{% block main_content %}
-<div class="container-fluid px-0">
-    <div class="row bg-darkest-gray px-2 py-2">
-
-        <div class="col-6">
-            <div id="asset-image" class="asset-image bg-offwhite">
-            </div>
-            <div class="contribute-instructions col-12" id="contribute-instructions">
-                <div class="instruction-window bg-offwhite shadow-regular collapse" id="instruction-window">
-                    <p class="px-3 px-md-default py-2 py-md-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </div>
-                <button class="btn btn-default w-100" type="button" id="instruction-button" data-toggle="collapse" data-target="#instruction-window" aria-expanded="false" aria-controls="instruction-window">Instructions</button>
-            </div>
-        </div>
+{% block extra_body_classes %}d-flex flex-column{% endblock %}
+{% block extra_main_classes %}flex-grow-1 d-flex flex-column{% endblock %}
 
-        <div class="col-6 p-2 contribute-box d-flex flex-column flex-nowrap justify-content-between" id="contribute-box">
-            <nav id="asset-navigation" class="d-flex justify-content-end">
-                <div class="btn-group btn-group-sm" role="navigation" aria-label="Links to related pages">
-                {% if previous_asset_url %}
-                    <a class="btn btn-secondary" href="{{ previous_asset_url }}">&larr; Previous Page</a>
-                {% endif %}
-                {% if next_asset_url %}
-                    <a class="btn btn-secondary" href="{{ next_asset_url }}">Next Page &rarr;</a>
-                {% endif %}
-                </div>
-            </nav>
-            <table class="table-dark table-compact table-striped offwhite-text small">
+{% block main_content %}
+<div id="contribute-main-content" class="container-fluid flex-grow-1 d-flex flex-column">
+    <div id="metadata-container" class="row">
+        <table class="d-inline table table-sm mx-3">
+            <tbody>
                 <tr>
                     <th>Status</th>
                     <td class="tx-status-display">
@@ -63,14 +43,58 @@
                         </div>
                     </td>
                 </tr>
-            </table>
+            </tbody>
+        </table>
+    </div>
+    <div id="navigation-container" class="row py-2">
+        <nav id="asset-navigation" class="d-flex flex-grow-1 justify-content-between align-items-center" role="navigation">
+            <div class="d-flex align-items-center">
+                <form onsubmit="document.location.href = document.getElementById('asset-selection').value; return false">
+                    <div class="input-group input-group-sm">
+                        <div class="input-group-prepend">
+                            <label class="input-group-text" for="asset-selection">Page</a>
+                        </div>
+                        <select id="asset-selection" class="custom-select custom-select-sm">
+                            {% for sequence, slug in asset_navigation %}
+                                <option {% if sequence == asset.sequence %}selected{% endif %} value="{% url 'transcriptions:asset-detail' campaign.slug project.slug item.item_id slug %}">{{ sequence }}</option>
+                            {% endfor %}
+                        </select>
+                        <div class="input-group-append">
+                            <button type="submit" class="btn btn-outline-default">Go</button>
+                        </div>
+                    </div>
+                </form>
 
+                <div class="btn-group btn-group-sm ml-2">
+                    <a class="btn btn-default {% if not previous_asset_url %}disabled{% endif %}" {% if previous_asset_url %}href="{{ previous_asset_url }}"{% else %}aria-disabled="true"{% endif %}>
+                        <span class="fas fa-chevron-left"></span>
+                        <span class="sr-only">Previous Page</span>
+                    </a>
+                    <a class="btn btn-default {% if not next_asset_url %}disabled{% endif %}" {% if next_asset_url %}href="{{ next_asset_url }}"{% else %}aria-disabled="true"{% endif %}>
+                        <span class="fas fa-chevron-right"></span>
+                        <span class="sr-only">Next Page</span>
+                    </a>
+                </div>
+            </div>
+
+            <div class="btn-group btn-group-sm align-self-end" role="navigation" aria-label="Link to the next editable page">
+                <a class="btn btn-default" href="{% url "transcriptions:redirect-to-next-transcribable-asset" campaign.slug project.slug %}">Go to next page needing to be transcribed &rarr;</a>
+            </div>
+        </nav>
+    </div>
+    <div id="contribute-container" class="row flex-grow-1 pb-2">
+        <div class="col-6">
+            <div id="asset-image" class="h-100 bg-dark"></div>
+        </div>
+
+        <div class="col-6 d-flex flex-column flex-nowrap justify-content-between">
             <div class="flex-grow-1 d-flex flex-column">
-                <form id="transcription-editor" class="ajax-submission h-100 d-flex flex-column" method="post" action="{% url 'save-transcription' asset_pk=asset.pk %}" data-transcription-status="{{ transcription_status }}" {% if transcription %}data-transcription-id="{{ transcription.pk|default:'' }}" data-submit-url="{% url 'submit-transcription' pk=transcription.pk %}" data-review-url="{% url 'review-transcription' pk=transcription.pk %}"{% endif %}>
+                <form id="transcription-editor" class="ajax-submission flex-grow-1 d-flex flex-column" method="post" action="{% url 'save-transcription' asset_pk=asset.pk %}" data-transcription-status="{{ transcription_status }}" {% if transcription %}data-transcription-id="{{ transcription.pk|default:'' }}" data-submit-url="{% url 'submit-transcription' pk=transcription.pk %}" data-review-url="{% url 'review-transcription' pk=transcription.pk %}"{% endif %}>
                     {% csrf_token %}
-
                     <input type="hidden" name="supersedes" value="{{ transcription.pk|default:'' }}" />
 
+                    <h2>Transcription</h2>
+
                     {% spaceless %}
                         <textarea readonly class="form-control w-100 rounded flex-grow-1" name="text" id="transcription-input" placeholder="Go ahead, start typing. You got this!" aria-label="Transcription input">
                             {{ transcription.text }}
@@ -89,23 +113,25 @@
                                 <button id="save-transcription-button" disabled type="submit" class="btn btn-primary">Save</button>
                                 <button id="submit-transcription-button" disabled type="button" class="btn btn-primary">Submit for Review</button>
                             {% elif transcription_status == 'submitted' and user.is_authenticated and transcription.user.pk != user.pk %}
+                                <button id="reject-transcription-button" disabled type="button" class="btn btn-primary">Edit</button>
                                 <button id="accept-transcription-button" disabled type="button" class="btn btn-primary">Accept</button>
-                                <button id="reject-transcription-button" disabled type="button" class="btn btn-primary">Request Changes</button>
                             {% endif %}
                         </div>
                     {% endspaceless %}
                 </form>
             </div>
-            <div id="tag-editor" class="flex-shrink-1">
+            <div id="tag-editor" class="flex-shrink-1 container">
                 <form class="ajax-submission" method="post" action="{% url 'submit-tags' asset_pk=asset.pk %}">
                     {% csrf_token %}
 
+                    <h2>Tags</h2>
+
                     {% if user.is_authenticated %}
-                        <div class="row">
+                        <div class="form-row">
                             <div class="input-group">
                                 <input type="text" id="new-tag-input" class="form-control" placeholder="Add a new tag…" aria-label="Add a new tag" pattern="[- _'\w]{1,50}">
                                 <div class="input-group-append">
-                                    <button id="new-tag-button" class="btn btn-primary" type="button">Add</button>
+                                    <button id="new-tag-button" class="btn btn-outline-primary" type="button">Add</button>
                                 </div>
                                 <div class="invalid-feedback">
                                     Tags must be between 1-50 characters and may contain only letters, numbers, dashes, underscores, apostrophes, and spaces
@@ -119,7 +145,7 @@
                         </p>
                     {% endif %}
 
-                    <ul id="current-tags" class="d-flex flex-wrap m-0 p-1 offwhite-text">
+                    <ul id="current-tags" class="d-flex flex-wrap list-unstyled mb-0">
                         <li id="tag-template" hidden>
                             <label>
                                 <input type="hidden" name="tags" value="" disabled />
@@ -142,16 +168,30 @@
                     </ul>
 
                     {% if user.is_authenticated %}
-                        <div class="form-row btn-row my-3">
+                        <div class="form-row btn-row">
                             <button id="save-tags-button" type="submit" class="btn btn-primary mx-auto">Save Tags</button>
                         </div>
                     {% endif %}
                 </form>
             </div>
-
-            <a id="contact-button" class="btn btn-minimal-secondary" href="{% url 'contact' %}">
-                Contact a Manager
-            </a>
+        </div>
+    </div>
+    <div id="help-container" class="row">
+        <p>Need help?</p>
+
+        <button id="instruction-button" class="btn btn-secondary" type="button" data-toggle="collapse" data-target="#instruction-window" aria-expanded="false" aria-controls="instruction-window">Instructions</button>
+
+        <a id="contact-button" class="btn btn-secondary" href="{% url 'contact' %}">
+            Contact Us
+        </a>
+
+        <div class="collapse" id="instruction-window">
+            <button type="button" class="close pull-right" aria-label="Close" data-toggle="collapse" data-target="#instruction-window">
+                <span aria-hidden="true">&times;</span>
+            </button>
+            <p>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </p>
         </div>
     </div>
 </div>
diff --git a/concordia/templates/transcriptions/item_detail.html b/concordia/templates/transcriptions/item_detail.html
index ea187e96d..dd0d520f7 100644
--- a/concordia/templates/transcriptions/item_detail.html
+++ b/concordia/templates/transcriptions/item_detail.html
@@ -66,7 +66,9 @@ <h6>Filter Assets:</h6>
                 {% url 'transcriptions:asset-detail' a.item.project.campaign.slug a.item.project.slug a.item.item_id a.slug as asset_detail_url %}
 
                 <div class="card asset-card" data-transcription-status="{{ a.transcription_status }}">
-                    <img class="card-img" alt="{{ a.slug }}" src="{% asset_media_url a %}">
+                    <a href="{{ asset_detail_url }}">
+                        <img class="card-img" alt="{{ a.slug }}" src="{% asset_media_url a %}">
+                    </a>
 
                     <a class="card-title" href="{{ asset_detail_url }}">
                         #{{ a.sequence }}
diff --git a/concordia/urls.py b/concordia/urls.py
index f9dcc0871..58b36a6aa 100644
--- a/concordia/urls.py
+++ b/concordia/urls.py
@@ -20,11 +20,6 @@
     [
         path("", views.CampaignListView.as_view(), name="campaigns"),
         path("<slug:slug>/", views.CampaignDetailView.as_view(), name="campaign"),
-        re_path(
-            r"^alternateasset/$",
-            views.ConcordiaAlternateAssetView.as_view(),
-            name="alternate-asset",
-        ),
         path(
             "exportCSV/<slug:campaign_slug>/",
             exporter_views.ExportCampaignToCSV.as_view(),
@@ -50,6 +45,11 @@
             views.ConcordiaProjectView.as_view(),
             name="project-detail",
         ),
+        path(
+            "<slug:campaign_slug>/<slug:project_slug>/next-transcribable-asset/",
+            views.redirect_to_next_transcribable_asset,
+            name="redirect-to-next-transcribable-asset",
+        ),
         path(
             "<slug:campaign_slug>/<slug:project_slug>/<slug:item_id>/",
             views.ItemDetailView.as_view(),
diff --git a/concordia/views.py b/concordia/views.py
index 97889828b..4f394316a 100644
--- a/concordia/views.py
+++ b/concordia/views.py
@@ -35,6 +35,7 @@
 )
 from concordia.models import (
     Asset,
+    AssetTranscriptionReservation,
     Campaign,
     Item,
     Project,
@@ -345,6 +346,12 @@ def get_context_data(self, **kwargs):
         if next_asset:
             ctx["next_asset_url"] = next_asset.get_absolute_url()
 
+        ctx["asset_navigation"] = (
+            item.asset_set.published()
+            .order_by("sequence")
+            .values_list("sequence", "slug")
+        )
+
         tag_groups = UserAssetTagCollection.objects.filter(asset__slug=asset.slug)
         tags = []
 
@@ -474,48 +481,6 @@ def review_transcription(request, *, pk):
     return JsonResponse({"id": transcription.pk}, status=200)
 
 
-class ConcordiaAlternateAssetView(View):
-    """
-    Class to handle when user opts to work on an alternate asset because another user is already working
-    on the original page
-    """
-
-    def post(self, *args, **kwargs):
-        """
-        handle the POST request from the AJAX call in the template when user opts to work on alternate page
-        :param request:
-        :param args:
-        :param kwargs:
-        :return: alternate url the client will use to redirect to
-        """
-
-        if self.request.is_ajax():
-            json_dict = json.loads(self.request.body)
-            campaign_slug = json_dict["campaign"]
-            asset_slug = json_dict["asset"]
-        else:
-            campaign_slug = self.request.POST.get("campaign", None)
-            asset_slug = self.request.POST.get("asset", None)
-
-        if campaign_slug and asset_slug:
-            response = requests.get(
-                "%s://%s/ws/campaign_asset_random/%s/%s"
-                % (
-                    self.request.scheme,
-                    self.request.get_host(),
-                    campaign_slug,
-                    asset_slug,
-                ),
-                cookies=self.request.COOKIES,
-            )
-            random_asset_json_val = json.loads(response.content.decode("utf-8"))
-
-            return HttpResponse(
-                "/campaigns/%s/asset/%s/"
-                % (campaign_slug, random_asset_json_val["slug"])
-            )
-
-
 class ContactUsView(FormView):
     template_name = "contact.html"
     form_class = ContactUsForm
@@ -682,8 +647,6 @@ def reserve_asset_transcription(request, *, asset_pk):
     # We're relying on the database to meet our integrity requirements and since
     # this is called periodically we want to be fairly fast until we switch to
     # something like Redis.
-    #
-    #
 
     with connection.cursor() as cursor:
         cursor.execute(
@@ -705,3 +668,40 @@ def reserve_asset_transcription(request, *, asset_pk):
             return HttpResponse(status=409)
 
     return HttpResponse(status=204)
+
+
+@atomic
+def redirect_to_next_transcribable_asset(request, *, campaign_slug, project_slug):
+    project = get_object_or_404(
+        Project.objects.published(), campaign__slug=campaign_slug, slug=project_slug
+    )
+
+    if not request.user.is_authenticated:
+        user = get_anonymous_user()
+    else:
+        user = request.user
+
+    potential_assets = Asset.objects.select_for_update(skip_locked=True, of=("self",))
+    potential_assets = potential_assets.filter(
+        item__project=project, transcription_status=TranscriptionStatus.EDIT
+    )
+    potential_assets = potential_assets.filter(assettranscriptionreservation=None)
+
+    for potential_asset in potential_assets:
+        res = AssetTranscriptionReservation(user=user, asset=potential_asset)
+        res.full_clean()
+        res.save()
+        return redirect(
+            "transcriptions:asset-detail",
+            project.campaign.slug,
+            project.slug,
+            potential_asset.item.item_id,
+            potential_asset.slug,
+        )
+    else:
+        messages.info(
+            request, "There are no remaining pages to be transcribed in this project!"
+        )
+        return redirect(
+            "transcriptions:project-detail", project.campaign.slug, project.slug
+        )