diff --git a/client/src/locales/en-US.json b/client/src/locales/en-US.json
index 7817174deb8..837bb16d0af 100644
--- a/client/src/locales/en-US.json
+++ b/client/src/locales/en-US.json
@@ -1625,7 +1625,28 @@
                 "description": "You can change your credit card at any time.",
                 "update": "Update"
             },
-            "processing": "Your order is being processed."
+            "processing": {
+                "requestSent": {
+                    "title": "Request sent",
+                    "description": "Your request is being processed. We will contact you as soon as possible."
+                },
+                "estimateLinked": {
+                    "title": "Exchange with the sales department",
+                    "description": "Our sales department will contact you to finalize your order."
+                },
+                "invoiceToBePaid": {
+                    "title": "Invoice to be paid",
+                    "description": "Your organization will be available upon payment of the invoice."
+                },
+                "organizationAvailable": {
+                    "title": "Organization available",
+                    "description": "You can now access to your organization."
+                },
+                "error": {
+                    "title": "Failed to retrieve the information.",
+                    "description": "An error occurred while processing your order. Please contact us."
+                }
+            }
         },
         "billingDetailsPage": {
             "placeholders": {
diff --git a/client/src/locales/fr-FR.json b/client/src/locales/fr-FR.json
index c0aa513c6cc..f6bf856db5a 100644
--- a/client/src/locales/fr-FR.json
+++ b/client/src/locales/fr-FR.json
@@ -1625,7 +1625,28 @@
                 "description": "Vous pouvez à tout moment changer votre carte bancaire.",
                 "update": "Modifier"
             },
-            "processing": "Votre commande est en cours de traitement."
+            "processing": {
+                "requestSent": {
+                    "title": "Demande envoyée",
+                    "description": "Nous traitons votre demande. Nous allons vous recontacter dès que possible."
+                },
+                "estimateLinked": {
+                    "title": "Échange avec le service commercial",
+                    "description": "Vous allez être contacté par notre service commercial pour finaliser votre commande."
+                },
+                "invoiceToBePaid": {
+                    "title": "Facture à régler",
+                    "description": "Votre organisation sera disponible au règlement de la facture."
+                },
+                "organizationAvailable": {
+                    "title": "Organisation disponible",
+                    "description": "Vous avez maintenant accès à votre organisation."
+                },
+                "error": {
+                    "title": "Erreur lors de la récupération des informations",
+                    "description": "Une erreur est survenue. Veuillez nous contacter."
+                }
+            }
         },
         "billingDetailsPage": {
             "placeholders": {
diff --git a/client/src/services/translation.ts b/client/src/services/translation.ts
index c4bc9c6e9b8..9ea64e7b5c0 100644
--- a/client/src/services/translation.ts
+++ b/client/src/services/translation.ts
@@ -1,6 +1,7 @@
 // Parsec Cloud (https://parsec.cloud) Copyright (c) BUSL-1.1 2016-present Scille SAS
 
 import { InvitationStatus, UserProfile, WorkspaceRole } from '@/parsec';
+import { CustomOrderStatus } from '@/services/bms';
 import { Locale, Translatable } from 'megashark-lib';
 
 export function getProfileTranslationKey(profile: UserProfile): Translatable {
@@ -53,6 +54,49 @@ export function getWorkspaceRoleTranslationKey(role: WorkspaceRole | null): Work
   }
 }
 
+interface CustomOrderStatusTranslations {
+  title: Translatable;
+  description?: Translatable;
+}
+
+export function getCustomOrderStatusTranslationKey(status: CustomOrderStatus): CustomOrderStatusTranslations {
+  const locale = 'clientArea.dashboard.processing';
+
+  switch (status) {
+    case CustomOrderStatus.Unknown: {
+      return {
+        title: `${locale}.error.title`,
+        description: `${locale}.error.description`,
+      };
+    }
+    case CustomOrderStatus.NothingLinked:
+      return {
+        title: `${locale}.requestSent.title`,
+        description: `${locale}.requestSent.description`,
+      };
+    case CustomOrderStatus.EstimateLinked:
+      return {
+        title: `${locale}.estimateLinked.title`,
+        description: `${locale}.estimateLinked.description`,
+      };
+    case CustomOrderStatus.InvoiceToBePaid:
+      return {
+        title: `${locale}.invoiceToBePaid.title`,
+        description: `${locale}.invoiceToBePaid.description`,
+      };
+    case CustomOrderStatus.InvoicePaid:
+      return {
+        title: `${locale}.organizationAvailable.title`,
+        description: `${locale}.organizationAvailable.description`,
+      };
+    default:
+      return {
+        title: `${locale}.error.title`,
+        description: `${locale}.error.description`,
+      };
+  }
+}
+
 export function getInvitationStatusTranslationKey(status: InvitationStatus): Translatable {
   switch (status) {
     case InvitationStatus.Ready:
diff --git a/client/src/views/client-area/ClientAreaPage.vue b/client/src/views/client-area/ClientAreaPage.vue
index 84c2d8d48ab..d650f18dfed 100644
--- a/client/src/views/client-area/ClientAreaPage.vue
+++ b/client/src/views/client-area/ClientAreaPage.vue
@@ -99,7 +99,7 @@
                 :organization="currentOrganization"
               />
               <contracts-page
-                v-if="currentPage === ClientAreaPages.Contracts"
+                v-if="currentPage === ClientAreaPages.Contracts || ()"
                 :organization="currentOrganization"
                 @organization-selected="onOrganizationSelected"
               />
@@ -107,7 +107,10 @@
                 v-if="currentPage === ClientAreaPages.CustomOrderBillingDetails"
                 :organization="currentOrganization"
               />
-              <custom-order-processing-page v-if="currentPage === ClientAreaPages.CustomOrderProcessing" />
+              <custom-order-processing-page
+                v-if="currentPage === ClientAreaPages.CustomOrderProcessing"
+                :organization="currentOrganization"
+              />
             </div>
           </div>
         </ion-content>
@@ -120,7 +123,14 @@
 import { IonPage, IonContent, IonSkeletonText, IonSplitPane, IonMenu, GestureDetail, createGesture } from '@ionic/vue';
 import ClientAreaHeader from '@/views/client-area/ClientAreaHeader.vue';
 import ClientAreaSidebar from '@/views/client-area/ClientAreaSidebar.vue';
-import { BillingSystem, BmsAccessInstance, BmsOrganization, CustomOrderStatus, DataType } from '@/services/bms';
+import {
+  BillingSystem,
+  BmsAccessInstance,
+  BmsOrganization,
+  CustomOrderStatus,
+  DataType,
+  OrganizationStatusResultData,
+} from '@/services/bms';
 import { inject, onMounted, onUnmounted, ref, watch } from 'vue';
 import { DefaultBmsOrganization, ClientAreaPages, isDefaultOrganization } from '@/views/client-area/types';
 import BillingDetailsPage from '@/views/client-area/billing-details/BillingDetailsPage.vue';
@@ -150,6 +160,7 @@ const sidebarWidthProperty = ref('');
 const loggedIn = ref(false);
 const refresh = ref(0);
 const querying = ref(true);
+const statusOrganization = ref<OrganizationStatusResultData | null>(null);
 
 const watchSidebarWidthCancel = watch(computedWidth, (value: number) => {
   sidebarWidthProperty.value = `${value}px`;
@@ -196,10 +207,16 @@ onMounted(async () => {
     if (billingSystem === BillingSystem.CustomOrder || billingSystem === BillingSystem.ExperimentalCandidate) {
       currentPage.value = ClientAreaPages.Contracts;
       const statusResp = await BmsAccessInstance.get().getCustomOrderStatus(currentOrganization.value);
-      if (!statusResp.isError && statusResp.data && statusResp.data.type === DataType.CustomOrderStatus) {
-        if (statusResp.data.status === CustomOrderStatus.NothingLinked) {
+      const organizationStatusResp = await BmsAccessInstance.get().getOrganizationStatus(currentOrganization.value.bmsId);
+      if (!organizationStatusResp.isError && organizationStatusResp.data) {
+        statusOrganization.value = organizationStatusResp.data as OrganizationStatusResultData;
+      }
+      if (!statusResp.isError && statusResp.data && statusResp.data.type === DataType.CustomOrderStatus && statusOrganization.value) {
+        if (statusResp.data.status !== CustomOrderStatus.ContractEnded && !statusOrganization.value.isBootstrapped) {
           currentPage.value = ClientAreaPages.CustomOrderProcessing;
         }
+      } else {
+        currentPage.value = ClientAreaPages.Contracts;
       }
     } else {
       currentPage.value = ClientAreaPages.Dashboard;
diff --git a/client/src/views/client-area/dashboard/CustomOrderProcessingPage.vue b/client/src/views/client-area/dashboard/CustomOrderProcessingPage.vue
index 662b169d517..453e557c315 100644
--- a/client/src/views/client-area/dashboard/CustomOrderProcessingPage.vue
+++ b/client/src/views/client-area/dashboard/CustomOrderProcessingPage.vue
@@ -2,14 +2,124 @@
 
 <template>
   <div class="client-page-processing">
-    <ms-report-text :theme="MsReportTheme.Info">
-      {{ $msTranslate('clientArea.dashboard.processing') }}
-    </ms-report-text>
+    <template v-if="!querying && !error && customOrderStatus && customOrderStatus !== CustomOrderStatus.Unknown">
+      <div class="process-container">
+        <div
+          class="process-step"
+          v-for="(step, index) in steps"
+          :key="index"
+          :class="{
+            'process-step-todo': CustomOrderStatusSteps[customOrderStatus] < CustomOrderStatusSteps[step.status],
+            'process-step-active': CustomOrderStatusSteps[customOrderStatus] === CustomOrderStatusSteps[step.status],
+            'process-step-done': CustomOrderStatusSteps[customOrderStatus] > CustomOrderStatusSteps[step.status],
+          }"
+        >
+          <div class="process-step-icon">
+            <div
+              class="dot-todo"
+              v-if="CustomOrderStatusSteps[customOrderStatus] < CustomOrderStatusSteps[step.status]"
+            />
+            <div
+              class="dot-active"
+              v-if="CustomOrderStatusSteps[customOrderStatus] === CustomOrderStatusSteps[step.status]"
+            />
+            <ion-icon
+              class="process-step-icon__item"
+              :icon="checkmarkCircle"
+              v-if="CustomOrderStatusSteps[customOrderStatus] > CustomOrderStatusSteps[step.status]"
+            />
+          </div>
+          <div class="process-step-text">
+            <ion-text class="process-step-text__title title-h3">
+              {{ $msTranslate(step.title) }}
+            </ion-text>
+            <ion-text
+              class="process-step-text__info body"
+              v-if="CustomOrderStatusSteps[customOrderStatus] === CustomOrderStatusSteps[step.status]"
+            >
+              {{ $msTranslate(step.description) }}
+            </ion-text>
+          </div>
+        </div>
+      </div>
+    </template>
+    <template v-else-if="querying">
+      <ms-spinner />
+    </template>
+    <template v-else-if="error || customOrderStatus === CustomOrderStatus.Unknown">
+      <ms-report-text :theme="MsReportTheme.Error">
+        {{ $msTranslate(error) }}
+      </ms-report-text>
+    </template>
   </div>
 </template>
 
 <script setup lang="ts">
-import { MsReportText, MsReportTheme } from 'megashark-lib';
+import { IonIcon, IonText } from '@ionic/vue';
+import { checkmarkCircle } from 'ionicons/icons';
+import { BmsAccessInstance, DataType, BmsOrganization, CustomOrderStatus } from '@/services/bms';
+import { isDefaultOrganization } from '@/views/client-area/types';
+import { ref, onMounted } from 'vue';
+import { MsSpinner, MsReportText, MsReportTheme } from 'megashark-lib';
+import { getCustomOrderStatusTranslationKey } from '@/services/translation';
+
+const customOrderStatus = ref<CustomOrderStatus>(CustomOrderStatus.Unknown);
+
+const querying = ref(true);
+const error = ref('');
+
+const props = defineProps<{
+  organization: BmsOrganization;
+}>();
+
+const CustomOrderStatusSteps = {
+  [CustomOrderStatus.ContractEnded]: -1,
+  [CustomOrderStatus.Unknown]: 0,
+  [CustomOrderStatus.NothingLinked]: 1,
+  [CustomOrderStatus.EstimateLinked]: 2,
+  [CustomOrderStatus.InvoiceToBePaid]: 3,
+  [CustomOrderStatus.InvoicePaid]: 4,
+};
+
+const steps = [
+  {
+    status: CustomOrderStatus.NothingLinked,
+    title: getCustomOrderStatusTranslationKey(CustomOrderStatus.NothingLinked).title,
+    description: getCustomOrderStatusTranslationKey(CustomOrderStatus.NothingLinked).description,
+  },
+  {
+    status: CustomOrderStatus.EstimateLinked,
+    title: getCustomOrderStatusTranslationKey(CustomOrderStatus.EstimateLinked).title,
+    description: getCustomOrderStatusTranslationKey(CustomOrderStatus.EstimateLinked).description,
+  },
+  {
+    status: CustomOrderStatus.InvoiceToBePaid,
+    title: getCustomOrderStatusTranslationKey(CustomOrderStatus.InvoiceToBePaid).title,
+    description: getCustomOrderStatusTranslationKey(CustomOrderStatus.InvoiceToBePaid).description,
+  },
+  {
+    status: CustomOrderStatus.InvoicePaid,
+    title: getCustomOrderStatusTranslationKey(CustomOrderStatus.InvoicePaid).title,
+    description: getCustomOrderStatusTranslationKey(CustomOrderStatus.InvoicePaid).description,
+  },
+];
+
+onMounted(async () => {
+  if (isDefaultOrganization(props.organization)) {
+    querying.value = true;
+    return;
+  }
+
+  const orgStatusResponse = await BmsAccessInstance.get().getCustomOrderStatus(props.organization);
+
+  if (!orgStatusResponse.isError && orgStatusResponse.data && orgStatusResponse.data.type === DataType.CustomOrderStatus) {
+    customOrderStatus.value = orgStatusResponse.data.status;
+  } else {
+    error.value = 'clientArea.dashboard.processing.error.title';
+  }
+
+  querying.value = false;
+});
 </script>
 
 <style scoped lang="scss">
@@ -18,4 +128,131 @@ import { MsReportText, MsReportTheme } from 'megashark-lib';
   flex-direction: column;
   gap: 1rem;
 }
+
+.process-container {
+  display: flex;
+  max-width: 28rem;
+  width: 100%;
+  margin-top: 2.5rem;
+  margin-inline: auto;
+  flex-direction: column;
+  gap: 2.5rem;
+  padding: 2.5rem;
+  border-radius: var(--parsec-radius-12);
+  background-color: var(--parsec-color-light-primary-30-opacity15);
+  box-shadow: var(--parsec-shadow-light);
+}
+
+.process-step {
+  display: flex;
+  gap: 1.5rem;
+  border-radius: var(--parsec-radius-8);
+  position: relative;
+
+  &-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.125rem;
+    height: 1.125rem;
+    color: var(--parsec-color-light-primary-600);
+    position: relative;
+    flex-shrink: 0;
+
+    &__item {
+      font-size: 1.125rem;
+    }
+
+    @keyframes pulse {
+      0% {
+        transform: scale(0.8);
+        opacity: 0.2;
+      }
+
+      50% {
+        transform: scale(2.8);
+        opacity: 0.2;
+      }
+
+      100% {
+        transform: scale(0.8);
+        opacity: 0.2;
+      }
+    }
+
+    .dot-todo {
+      width: 0.5rem;
+      height: 0.5rem;
+      background-color: var(--parsec-color-light-primary-600);
+      border-radius: 50%;
+      position: relative;
+      background-color: var(--parsec-color-light-secondary-light);
+    }
+
+    .dot-active {
+      width: 0.5rem;
+      height: 0.5rem;
+      background-color: var(--parsec-color-light-primary-600);
+      border-radius: 50%;
+      position: relative;
+      background-color: var(--parsec-color-light-primary-600);
+
+      &::before {
+        content: '';
+        position: absolute;
+        transform: translate(-50%, -50%);
+        width: 100%;
+        height: 100%;
+        background-color: var(--parsec-color-light-primary-600);
+        z-index: -2;
+        border-radius: var(--parsec-radius-circle);
+        animation: pulse 1.5s ease-in-out infinite;
+      }
+    }
+  }
+
+  &-text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    &__title {
+      color: var(--parsec-color-light-primary-600);
+    }
+
+    &__info {
+      color: var(--parsec-color-light-secondary-hard-grey);
+    }
+  }
+
+  &-todo {
+    .process-step-text {
+      .process-step-text__title {
+        color: var(--parsec-color-light-secondary-light);
+      }
+    }
+  }
+
+  &-done {
+    opacity: 0.6;
+  }
+
+  // line between steps
+  &:not(:last-child)::after {
+    transform-origin: 50% -100%;
+    z-index: -1;
+    content: '';
+    position: absolute;
+    top: 1.5rem;
+    left: 0.44rem;
+    width: 0.25rem;
+    height: calc(100% + 0.5rem);
+    background-color: var(--parsec-color-light-secondary-medium);
+    border-radius: var(--parsec-radius-8);
+  }
+
+  &:is(.process-step-done)::after {
+    background-color: var(--parsec-color-light-primary-600);
+  }
+}
 </style>
diff --git a/newsfragments/9111.feature.rst b/newsfragments/9111.feature.rst
new file mode 100644
index 00000000000..b2c7545b231
--- /dev/null
+++ b/newsfragments/9111.feature.rst
@@ -0,0 +1 @@
+Added page for tracking order (custom order only).