--- title: How We Rebuilt HopSkipDrive's 570-Page Website Without Breaking a Thing description: >- How Something Else Studio rebuilt HopSkipDrive's 500+ page website without losing a single link — a technical case study in large-scale web transformation. date: '2025-04-14' category: Blog tags: - Blog canonical_url: >- https://www.se.studio/blog/the-story-behind-hopskipdrives-website-transformation/ source: Something Else license: © 2026 Something Else. All rights reserved. slug: the-story-behind-hopskipdrives-website-transformation id: 49UmRhtJq0cqM0qxkCeBC4 contentType: article --- # How We Rebuilt HopSkipDrive's 570-Page Website Without Breaking a Thing ![how we built hopskipsdrive blog visual](https://images.ctfassets.net/g0pw3n92bre6/2oZMgZLCxGGqgcMVEJWxJv/0ae6e9fb069dd48a181d59235a1eb640/Frame_2018781244_1.jpg) ### Starting With the Right Foundation HopSkipDrive is a technology company solving one of the most complex logistics challenges in American education - getting kids to school safely and reliably, at scale. Their website had to reflect that operational seriousness while also serving multiple distinct audiences: school districts, parents, and drivers. For a content site at this scale, we recommended Next.js on Netlify. Next.js handles server-side rendering and static generation cleanly - critical for page performance when you're dealing with hundreds of unique page types. Netlify gives the content team deployment confidence: changes can be previewed, tested, and rolled back without engineering intervention. ![Together, they make a site that's fast for users and safe for publishers.](https://images.ctfassets.net/g0pw3n92bre6/5ojk2qZkhJ7iX3Jtmn97eE/6df29e84592c5492744ee017f13f02fa/HSD-WebsiteStills.png) ### New Functionality With Real Impact A rebuild is an opportunity to add capability that the old architecture couldn't support. For HopSkipDrive, the highest-value addition was an intelligent blog search - type a keyword and get instant, relevant results across 400+ posts. It sounds simple. It required careful indexing, relevance tuning, and performance work to feel fast and accurate. "Every change we made had to pass the same test: does this make the site measurably more useful, or does it just make it more complex? Features that couldn't answer that question didn't make it in." The outcome validated the approach. The new site delivered a 46% increase in operational efficiency — a metric that reflects the combined impact of faster page performance, cleaner content management, and improved navigation for all three audience types. ### Migrating 400+ Blog Posts This was the most technically demanding part of the project, and the part most rebuilds underestimate. Moving 400+ blog posts isn't a copy-paste operation. Each post carried metadata, tags, author information, internal links, and an established URL that search engines had indexed. ![HSD - Benefits](https://images.ctfassets.net/g0pw3n92bre6/7r1a3jM5hgBNz7ssbYuDQP/56605ed4e0b24d79b84546105ebc072b/HSD-Component.png) We built a custom migration pipeline that preserved all of that data, remapped every URL to its new equivalent, and set up 301 redirects to protect the existing SEO equity. Every post was validated against its original before the old site was retired. The content team kept publishing throughout - the migration happened in parallel, not in place. ### The Launch We built the new site on a separate hosting environment so the existing site stayed live and fully functional until the moment of switchover. The cutover itself was coordinated across DNS, CDN, and the CMS - a staged process with rollback capability at each step. ![No downtime. No broken links on launch day. No panicked emails from the content team.](https://images.ctfassets.net/g0pw3n92bre6/yzHfzL8loYzKCJbFlOo1m/3acb28ae5a5cd7f02415ede73d2b7b16/HSD-Landingpages.png) ### A Smooth Hand-Off A technically excellent website that a content team doesn't know how to use is a failed project. After launch, we ran structured handover sessions covering the CMS, deployment workflow, and the logic behind the key template structures. The goal was a team that could work confidently and independently - not one that needed to come back to us every time a new page type was needed. That handover is part of the build, not an afterthought. It's what turns a good launch into a lasting asset. ![HSD - logo](https://images.ctfassets.net/g0pw3n92bre6/6CzqnQYJ7eWZrfjjKqmcgM/2187f178a334c5fd396a9de51874e615/HSD-Logo.png) * ****About the piece: ****Article by Nick Randell co-founder at SE Studio, a branding, design and technology agency based in London and San Francisco. * - [The Art of Engagement: Building Meaningful Content](/blog/the-art-of-engagement-building-meaningful-content/) - [How We Decide When New Technology Is Worth Using (And When It's Not)](/blog/how-we-decide-when-new-technology-is-worth-using/) - [Pursuing The Creative In Branding](/blog/pursuing-the-creative-in-branding/) - [How We Built a Fintech Brand Identity for a Hedge Fund's Spinout](/blog/how-we-built-a-fintech-brand-identity-for-a-hedge-fund's-spinout/) - [Why Healthcare Brands Have to Work Harder Than Any Other](/blog/why-healthcare-brands-have-to-work-harder-than-any-other/)