diff --git a/cypress/e2e/impactreportpage.cy.js b/cypress/e2e/impactreportpage.cy.js
index 3c6542431..6d1507263 100644
--- a/cypress/e2e/impactreportpage.cy.js
+++ b/cypress/e2e/impactreportpage.cy.js
@@ -1,6 +1,6 @@
 describe('Impact Report Page', () => {
     it('Visit the Impact Report Page', () => {
-        cy.visit('/impact')
+        cy.visit('/impact/2022')
 
         // UCLA Library brand
         cy.get('.logo-ucla').should('be.visible')
diff --git a/gql/queries/ImpactReportsList.gql b/gql/queries/ImpactReportsList.gql
deleted file mode 100644
index d20b3ae07..000000000
--- a/gql/queries/ImpactReportsList.gql
+++ /dev/null
@@ -1,9 +0,0 @@
-query ImpactReportsList {
-    entries(section: "impactReport", orderBy: "postDate desc") {
-        ... on impactReport_impactReport_Entry {
-            id
-            title
-            to: uri
-        }
-    }
-}
diff --git a/gql/queries/ReportsList.gql b/gql/queries/ReportsList.gql
new file mode 100644
index 000000000..7fb7b2bdb
--- /dev/null
+++ b/gql/queries/ReportsList.gql
@@ -0,0 +1,20 @@
+#import "~/gql/fragments/Image"
+
+query ReportsList {
+  entry(section: "listingImpactReports") {
+    ... on listingImpactReports_listingImpactReports_Entry {
+      title
+      summary
+    }
+  }
+  entries(section: "impactReport", orderBy: "postDate desc") {
+    ... on impactReport_impactReport_Entry {
+      title
+      to: uri
+      richText
+      image {
+          ...Image
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/pages/about/reports/index.vue b/pages/about/reports/index.vue
new file mode 100644
index 000000000..357d8bdf5
--- /dev/null
+++ b/pages/about/reports/index.vue
@@ -0,0 +1,119 @@
+<template>
+    <main
+        id="main"
+        class="page page-news"
+    >
+        <nav-breadcrumb
+            to="/about"
+            :title="page.entry.title"
+            parent-title="About Us"
+        />
+        <banner-text
+            :title="page.entry.title"
+            :text="page.entry.summary"
+            button-text="View this year's report"
+            :to="parsedReportsList[0].to"
+        />
+
+        <section-wrapper theme="divider">
+            <divider-way-finder
+                color="about"
+            />
+        </section-wrapper>
+
+        <section-wrapper>
+            <section-staff-article-list :items="parsedReportsList" />
+        </section-wrapper>
+
+        <section-wrapper theme="divider">
+            <divider-way-finder
+                color="about"
+            />
+        </section-wrapper>
+
+        <section-wrapper>
+            <block-call-to-action
+                class="block-call-to-action"
+                :is-global="true"
+            />
+        </section-wrapper>
+    </main>
+</template>
+
+<script>
+// HELPERS
+import _get from "lodash/get"
+import fixUri from "~/utils/fixUri"
+import removeTags from "~/utils/removeTags"
+
+// GQL
+import REPORTS_LIST from "~/gql/queries/ReportsList"
+
+export default {
+    async asyncData({ $graphql, params }) {
+        const data = await $graphql.default.request(REPORTS_LIST)
+
+        return {
+            page: data,
+        }
+    },
+    head() {
+        let title = this.page ? this.page.entry.title : "... loading"
+        let metaDescription = removeTags(this.page.entry.summary)
+
+        return {
+            title: title,
+            meta: [
+                {
+                    hid: "description",
+                    name: "description",
+                    content: metaDescription,
+                },
+            ],
+        }
+    },
+    computed: {
+        parsedReportsList() {
+            return this.page.entries.map((obj) => {
+                return {
+                    to: fixUri(_get(obj, "to", null)),
+                    image: _get(obj, "image[0]", null),
+                    title: _get(obj, "title", "hi"),
+                    description: _get(obj, "richText", null),
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.page-news {
+    padding-left: 50px;
+
+    .entry-count {
+        @include step-2;
+        color: var(--color-primary-blue-03);
+        margin: var(--space-m);
+    }
+
+    .section-heading {
+        @include step-2;
+        color: var(--color-primary-blue-03);
+        margin-bottom: var(--space-m);
+    }
+
+    .all-news-heading {
+        @include step-1;
+        color: var(--color-primary-blue-03);
+    }
+
+    .news-item-link {
+        list-style: none;
+        display: flex;
+        justify-content: space-between;
+        @include step-1;
+        color: var(--color-primary-blue-03);
+    }
+}
+</style>
diff --git a/pages/impact/all/index.vue b/pages/impact/all/index.vue
deleted file mode 100644
index 9385b1609..000000000
--- a/pages/impact/all/index.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-    <main
-        id="main"
-        class="page page-news"
-    >
-        <ul>
-            <li
-                v-for="(item, index) in page.entries"
-                :key="`impact-${index}`"
-            >
-                <nuxt-link :to="`/${item.to}`">
-                    {{ item.title }}
-                </nuxt-link>
-            </li>
-        </ul>
-    </main>
-</template>
-
-<script>
-// HELPERS
-import _get from "lodash/get"
-import format from "date-fns/format"
-import removeTags from "~/utils/removeTags"
-
-// GQL
-import IMPACT_REPORTS_LIST from "~/gql/queries/ImpactReportsList"
-
-export default {
-    async asyncData({ $graphql, params }) {
-        const data = await $graphql.default.request(IMPACT_REPORTS_LIST)
-
-        return {
-            page: data,
-        }
-    },
-    head() {
-        let title = this.page ? this.page.title : "... loading"
-        let metaDescription = removeTags(this.page.text)
-
-        return {
-            title: title,
-            meta: [
-                {
-                    hid: "description",
-                    name: "description",
-                    content: metaDescription,
-                },
-            ],
-        }
-    },
-    computed: {
-        entryCount() {
-            return `${this.page.entryCount}`
-        },
-
-        parsedNewsList() {
-            return this.page.entries.map((obj) => {
-                return {
-                    ...obj,
-                    to: `/about/news/${obj.to}`,
-                    image: _get(obj, "heroImage[0].image[0]", null),
-                    staffName: `${obj.fullName}`,
-                    category: _get(obj, "articleCategories[0].title", null),
-                }
-            })
-        },
-
-        parsedDate() {
-            return format(new Date(this.page.postDate), "MMMM d, Y")
-        },
-    },
-}
-</script>
-
-<style lang="scss" scoped>
-.page-news {
-    padding-left: 50px;
-
-    .entry-count {
-        @include step-2;
-        color: var(--color-primary-blue-03);
-        margin: var(--space-m);
-    }
-
-    .section-heading {
-        @include step-2;
-        color: var(--color-primary-blue-03);
-        margin-bottom: var(--space-m);
-    }
-
-    .all-news-heading {
-        @include step-1;
-        color: var(--color-primary-blue-03);
-    }
-
-    .news-item-link {
-        list-style: none;
-        display: flex;
-        justify-content: space-between;
-        @include step-1;
-        color: var(--color-primary-blue-03);
-    }
-}
-</style>
diff --git a/static/_redirects b/static/_redirects
index a2f163858..f88ff2334 100644
--- a/static/_redirects
+++ b/static/_redirects
@@ -210,7 +210,7 @@
 /help/services-resources/research-data-services/	/help/services-resources/data-services
 /help/services-resources/teaching-with-special-collections	/help/services-resources/teaching-with-library-special-collections
 /hours	/visit/locations
-/impact	/impact/all
+/impact/all	/about/reports
 /lauc-la-affiliate-libraries-centers	/visit/locations
 /lauc-la-librarian-year-marjorie-lee	https://guides.library.ucla.edu/lauc-la/librarian-of-the-year#Marjorie
 /libraries/Arts/9824.cfm	/visit/locations/arts-library