[case study]: linconlshire

site/content/case-studies/modernizing-lincolnshire-county-council39s-open-data-portal.md

@@ -0,0 +1,57 @@
+---
+filetype: 'casestudy'
+created: 2026-03-03
+title: Modernizing Lincolnshire County Council / From Dedicated CKAN Instance to Managed PortalJS Cloud Service
+description: 'Discover how Lincolnshire County Council transformed their data publishing approach, migrating from a dedicated CKAN instance to PortalJS Cloud. Reduced operational costs, simplified administration, and delivered a modern user experience without compromising their established catalogue.'
+image: /images/casestudies/linconshire0.jpg
+images: ['/images/casestudies/lincolnshire1.png', '/images/casestudies/lincolnshire2.png', '/images/casestudies/lincolnshire3.png', '/images/casestudies/lincolnshire4.png']
+authors: ['popovayoana']
+keystats: [
+  'Seamless/n catalogue migration',
+  'Zero/n infrastructure overhead',
+  '100%/n Budget-friendly solution',
+]
+problem: "
+Lincolnshire County Council had built a solid open data programme on CKAN, serving their community with 60+ datasets across essential public services. As a smaller authority, however, they found themselves managing infrastructure complexity that was better suited to larger organizations with dedicated technical teams. Their challenges centered around operational fit rather than technology limitations:
+
+
+- **Infrastructure Management Overhead**: Running a dedicated instance required server administration and technical maintenance that consumed staff time.
+
+- **Admin Interface Complexity**: CKAN's powerful admin dashboard was designed for technical users, creating friction for council staff who needed to focus on data rather than platform management.
+
+
+- **Limited Self-Service Capability**: Routine updates and content management required technical intervention, slowing down day-to-day operations.
+"
+solution: "
+PortalJS Cloud delivered exactly what Lincolnshire needed: a managed service that eliminated infrastructure costs while providing a modern, customizable frontend. The migration preserved their entire CKAN catalogue while giving council staff direct control over day-to-day operations through an intuitive admin dashboard..
+
+- **Complete Data Migration**: Every dataset, resource, organization, and metadata element transferred seamlessly from CKAN to PortalJS Cloud.
+
+
+- **Modern, Branded Interface**: Fully customised frontend reflecting Lincolnshire County Council''s visual identity and accessibility requirements.
+
+
+- **Staff Empowerment**: Admin workflows simplified so council staff can manage content, users, and configurations without technical support."
+results: "Lincolnshire's open data portal is now both more cost-effective and easier to operate. The modern interface serves their community of residents, researchers, and developers through clean data discovery tools, while the simplified admin experience lets council staff focus on data quality rather than platform maintenance."
+features: [
+  { title: "Cost-Effective Managed Service", text: "Lincolnshire moved from managing their own infrastructure to a fully managed service model with PortalJS Cloud. This eliminated the need for server administration and technical maintenance, letting council staff focus on their data rather than the platform underneath it.", icon: "rocket" },
+  { title: "Complete Catalogue Preservation", text: "The migration transferred all 60 published datasets, 10 topic categories, and 6 organizational structures without data loss. Download links, metadata relationships, and search functionality remained fully intact.", icon: "database" },
+  { title: "Intuitive Self-Service Administration", text: "Council staff now manage datasets, users, and portal configuration through PortalJS Cloud's purpose-built dashboard—no need to navigate CKAN's complex admin interface or route requests through developers.", icon: "browser" },
+  { title: "Modern User Experience", text: "Built on Next.js and Tailwind CSS, the new portal delivers faster performance, responsive design, and accessibility compliance that meets contemporary web standards.", icon: "verified" },
+  { title: "Simplified Customization", text: "Frontend updates, branding changes, and feature additions can be implemented directly by the council team without specialist development resources.", icon: "paint-roller" },
+]
+quote: [
+  '"PortalJS Cloud allowed us to maintain our data publishing commitments while working within our budget constraints. The migration was seamless and the ongoing operational savings have been significant."',
+  '/images/casestudies/lincon.svg',
+  'Lincolnshire County Council Representative',
+]
+portal: [
+  'Lincolnshire Open Data Portal',
+  'As part of its digital transformation strategy, Lincolnshire County Council migrated to PortalJS Cloud with consulting and migration services by Datopian.',
+  'https://data.lincolnshire.gov.uk',
+]
+table: default
+longReadLink: 'https://www.datopian.com/showcase/case-studies/lincolnshire-county-council-portaljs-cloud-migration'
+longReadTitle: 'How Lincolnshire County Council Modernised Its Open Data Portal with PortalJS Cloud'
+longReadSummary: 'Read the complete breakdown of architecture, migration approach, and outcomes — from dedicated CKAN instance to fully managed PortalJS Cloud.'
+---

site/layouts/casestudy.tsx

@@ -81,6 +81,9 @@ export default function CaseStudyLayout({ children, ...frontMatter }) {
     table,
     highlight,
     longRead = true,
+    longReadLink,
+    longReadTitle,
+    longReadSummary,
     fullCaseStudy = false,
     faqs
   } = frontMatter
@@ -539,46 +542,77 @@ export default function CaseStudyLayout({ children, ...frontMatter }) {
     <article>
       <Header />
       <Cta />
-      {longRead && !fullCaseStudy && <main className="flex flex-col mt-16 w-full mx-auto max-w-8xl px-4 sm:px-8 xl:px-12">
-        <Disclosure>
-          {({ open }) => (
-            <>
-              <Disclosure.Button className="text-start text-base font-medium">
-                {open ? (
-                  <div>
-                    <p className="text-sm font-bold text-blue-400">LONG READ</p>
-                    <div className="flex items-center gap-2">
-                      <p className="text-2xl">Hide</p>
-                      <FaIcons.FaAngleDoubleUp className="text-blue-400 mt-1 " />
+      {longRead && !fullCaseStudy && (longReadLink ? (
+        <main className="flex flex-col mt-16 w-full mx-auto max-w-8xl px-4 sm:px-8 xl:px-12">
+          <div className="px-8 py-12 sm:px-12 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-8">
+            <div>
+              <p className="text-xs font-semibold tracking-widest uppercase text-blue-400 mb-2.5">
+                Full Case Study
+              </p>
+              <h3 className="text-xl sm:text-[22px] font-bold text-slate-900 dark:text-white leading-snug max-w-sm">
+                {longReadTitle || 'Read the full case study'}
+              </h3>
+              {longReadSummary && (
+                <p className="mt-2.5 text-sm text-slate-500 dark:text-slate-400 max-w-sm leading-relaxed">
+                  {longReadSummary}
+                </p>
+              )}
+            </div>
+            <a
+              href={longReadLink}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 bg-slate-900 dark:bg-white text-white dark:text-[#111] text-sm font-semibold px-6 py-3.5 rounded-lg hover:bg-slate-700 dark:hover:bg-slate-100 transition-colors shrink-0"
+            >
+              Read the full story
+              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="w-4 h-4">
+                <path d="M3 8h10M9 4l4 4-4 4"/>
+              </svg>
+            </a>
+          </div>
+        </main>
+      ) : (
+        <main className="flex flex-col mt-16 w-full mx-auto max-w-8xl px-4 sm:px-8 xl:px-12">
+          <Disclosure>
+            {({ open }) => (
+              <>
+                <Disclosure.Button className="text-start text-base font-medium">
+                  {open ? (
+                    <div>
+                      <p className="text-sm font-bold text-blue-400">LONG READ</p>
+                      <div className="flex items-center gap-2">
+                        <p className="text-2xl">Hide</p>
+                        <FaIcons.FaAngleDoubleUp className="text-blue-400 mt-1 " />
+                      </div>
                     </div>
-                  </div>
-                ) : (
-                  <div>
-                    <p className="text-sm font-bold text-blue-400">LONG READ</p>
-                    <div className="flex items-center gap-2 transition blink">
-                      <p className="text-start text-5xl sm:text-7xl max-w-lg sm:mb-16 tracking-tight">
-                        Click to read the detailed case study{' '}
-                        <FaIcons.FaAngleDoubleDown className=" inline text-blue-400 -ml-3 mt-1 sm:h-16 sm:w-16 " />
-                      </p>
+                  ) : (
+                    <div>
+                      <p className="text-sm font-bold text-blue-400">LONG READ</p>
+                      <div className="flex items-center gap-2 transition blink">
+                        <p className="text-start text-5xl sm:text-7xl max-w-lg sm:mb-16 tracking-tight">
+                          Click to read the detailed case study{' '}
+                          <FaIcons.FaAngleDoubleDown className=" inline text-blue-400 -ml-3 mt-1 sm:h-16 sm:w-16 " />
+                        </p>
+                      </div>
                     </div>
+                  )}
+                </Disclosure.Button>
+                <Disclosure.Panel>
+                  <div className="text-center text-3xl font-semibold mt-8 mb-6 max-w-l">
+                    A Detailed Case Study for a Deep Dive
                   </div>
-                )}
-              </Disclosure.Button>
-              <Disclosure.Panel>
-                <div className="text-center text-3xl font-semibold mt-8 mb-6 max-w-l">
-                  A Detailed Case Study for a Deep Dive
-                </div>
-                <div className="flex justify-center">
-                  {' '}
-                  <div className="max-w-4xl docs mt-6 prose prose-headings:font-headings dark:prose-invert prose-a:break-word ">
-                    {children}
+                  <div className="flex justify-center">
+                    {' '}
+                    <div className="max-w-4xl docs mt-6 prose prose-headings:font-headings dark:prose-invert prose-a:break-word ">
+                      {children}
+                    </div>
                   </div>
-                </div>
-              </Disclosure.Panel>
-            </>
-          )}
-        </Disclosure>
-      </main>}
+                </Disclosure.Panel>
+              </>
+            )}
+          </Disclosure>
+        </main>
+      ))}
       <Stats />
       <FAQ faqItems={faqs || questions} />
     </article>