Web-Development
The Heinrich Firm
A 12-week legal website migration focused on speed, credibility, and scalable content architecture.
Web-Development
We rebuilt The Heinrich Firm’s Duda site into a high-performance Next.js platform with perfect Lighthouse scores
A 12-week legal website migration focused on speed, credibility, and scalable content architecture.
We took The Heinrich Firm’s aging Duda site-builder website and rebuilt it as a modern Next.js application designed for performance, accessibility, and long-term growth. The result was a 184-page legal website that launched with a 100/100 Lighthouse Performance score, 100/100 SEO score, and a cleaner foundation for conversion-focused content.
- Website Migration
- Next.js Development
- Information Architecture
- Performance Optimization
- Technical SEO Foundation
- Accessibility Improvements
The site
184
Pages Delivered
Measured
100/100
Lighthouse Performance
Measured
Challenges
What stood in the way
4 problems, and what each one took to clear.
Challenge 01
Problem
The site builder shipped a heavy payload on every page
The old homepage came in at about 120KB of builder-generated HTML, plus jQuery, a jQuery migrate shim, the platform’s shared runtime bundle, and two separate analytics libraries. All of it was served by the builder and its reseller, not added by the firm.
Solution
We rebuilt the site in Next.js with route-based code splitting, lean component architecture, and only the code required for each page.
Result
The new site launched with a measured Lighthouse Performance score of 100/100.
Challenge 02
Problem
Practice area pages sat behind builder-generated URLs
Every interior page lived at an address like /custody/3826625, and the homepage carried two H1 headings, the second of which was the firm’s street address. The structure suited the builder rather than the people and search engines reading it.
Solution
We designed a custom page system in Next.js that gave us full control over layout, content hierarchy, calls to action, and reusable legal service templates.
Result
The Heinrich Firm gained a more flexible website structure across 184 pages, built to support practice area expansion and better user journeys.
Challenge 03
Problem
The legacy site lacked persuasive content architecture
The site analysis showed a homepage shell with weak content hierarchy, no visible persuasive messaging, limited trust signals, and unclear consultation pathways.
Solution
We rebuilt the information architecture around legal practice area discovery, consultation CTAs, attorney credibility, local trust signals, and stronger internal linking.
Result
We delivered a clearer, conversion-oriented legal website experience designed to guide visitors toward contacting the firm.
Challenge 04
Problem
The site lived inside a reseller’s account
The firm’s site ran on a Duda instance resold through Hibu. Even the privacy, cookie, and terms links in the footer pointed at the reseller’s own pages rather than anything belonging to The Heinrich Firm.
Solution
We rebuilt the site as a standalone Next.js application that isn’t tied to a builder platform or a reseller account.
Result
The firm ended up with a foundation it controls, with far fewer moving parts and no third party in the middle.
Strategy
How the work ran
5 phases, in the order they happened.
Phase 01
Platform audit and migration planning
We started by evaluating the limitations of the existing Duda implementation, identifying performance bottlenecks, content gaps, and structural issues that were holding the site back.
- Duda site architecture review
- Migration roadmap
- Content inventory
- Template requirements
- Performance and SEO baseline assessment
Phase 02
Information architecture and legal UX planning
We restructured the site around what prospective legal clients actually need: clear service pathways, trust-building content, and direct consultation opportunities.
- Revised sitemap
- Homepage content hierarchy
- Practice area page framework
- CTA strategy
- Internal linking plan
Phase 03
Next.js design and development
We rebuilt the site as a custom Next.js application, moving off the builder’s page templates to reusable components and performance-first layouts.
- Custom Next.js frontend
- Responsive component library
- Reusable page templates
- Optimized routing structure
- Image and asset optimization
Phase 04
Technical SEO and accessibility implementation
We implemented a clean technical foundation to support discoverability, crawlability, and usability from launch.
- Metadata framework
- Semantic heading structure
- Accessibility improvements
- Technical SEO setup
- Structured page-level optimization
Phase 05
QA, launch, and post-launch validation
Before launch, we validated site performance, responsiveness, and implementation quality across the full build to ensure a strong production release.
- Cross-device QA
- Launch checklist
- Lighthouse validation
- Accessibility review
- Production deployment support
Results
What it delivered
4 outcomes: 3 measured, 1 estimated.
The numbers
184 pages
Large-scale content foundation delivered
Measured
We developed a 184-page site architecture that gave the firm a scalable framework for legal service content, local visibility, and future expansion.
100/100
Best-practice implementation across the build
Measured
The live audit confirmed that the site met modern web implementation standards with no compromise in technical quality.
96/100
Accessibility improved to a strong production standard
Measured
We built the site with accessibility in mind, resulting in a high live audit score and a better experience for more users.
20-40%
Conversion-oriented legal UX foundation
Estimated
We transformed a weak homepage shell into a structured legal website experience designed to improve trust, clarify services, and support consultation inquiries.
Live analytics
▲ 100%
Organic Clicks
0 to 59, since launch
▲ 100%
Impressions
0 to 7,296, since launch
▲ 100%
CTR
0 to 0.81, since launch
▲ 32.6%
Sessions
307 to 407, since launch
▲ 100%
Page Views
0 to 732, since launch
▲ 100%
Conversion Rate
0 to 1.23, since launch
Read from the live site against its pre-launch baseline.
Performance
What Lighthouse says
Google Lighthouse, measured on the live build.
Lighthouse
Site architecture
How the site is built
184 pages across 6 categories, laid out the way the site is.
- Homepage1 page
- Home
- Top-Level Pages131 pages
- About
- Adoption Lawyer in Alexandria, KY | The Heinrich Firm
- Adoption Lawyer in Bellevue, KY | Campbell County | Heinrich Firm
- Adoption Lawyer in Burlington, KY | Boone County | Heinrich Firm
- Adoption Lawyer in Campbell County, KY | The Heinrich Firm
- +126 more
- Family Law36 pages
- Adoption
- Agency Adoption
- Contested Adoption
- Adoption FAQ
- Grandparent Adoption
- +31 more
- Personal Injury9 pages
- Aviation Accident Attorney
- Car Accident Lawyer
- Child Sexual Abuse Lawyer
- Dog Bite Lawyer
- Medical Malpractice Attorney
- +4 more
- About4 pages
- Community
- Mission
- Rene Heinrich
- Team
- Insights3 pages
- how-is-child-custody-decided-in-kentucky-what-judges-look-for-best-interests-explained
- how-much-does-a-divorce-cost-in-kentucky-a-clear-breakdown-of-fees-court-costs-a
- what-happens-if-the-other-driver-doesn-t-have-insurance-in-kentucky-um-coverage-next-steps
Totals
184
Pages built
6
Content categories
16,799
Words of content
Every page in the tree above is a page the site serves, grouped as the navigation groups it.
Tech stack
What it's built with
7 technologies across 7 categories.
Framework
Next.js
We used Next.js to replace Duda with a faster, more scalable application architecture that supported SSR, SSG, and modern performance optimization.
Frontend Library
React
We built the interface in React to create reusable components, flexible layouts, and a maintainable design system.
Programming Language
JavaScript
We used modern JavaScript to power interactive components and client-side functionality across the site.
Markup
HTML5
We structured content with semantic HTML to improve accessibility, SEO, and content clarity.
Styling
CSS3
We used modern CSS to create a responsive, polished visual system tailored to a professional legal brand.
Previous Platform
Duda
The firm’s previous site ran on Duda, a hosted site builder resold through Hibu. We migrated off it to a custom Next.js build.
Performance Auditing
Lighthouse
We used Lighthouse to validate performance, SEO, accessibility, and best-practice outcomes before and after launch.
Services
What we delivered
5 services, and what each one covered.
Service 01
Duda to Next.js Migration
We migrated The Heinrich Firm from a legacy Duda site-builder setup to a modern Next.js application built for speed, flexibility, and long-term maintainability.
- Legacy platform replacement
- Modern React-based architecture
- Template and content migration planning
- 184 pages delivered
Service 02
Custom Legal Website Development
We designed and developed a custom site experience tailored to the needs of a law firm, with stronger service discovery and consultation pathways.
- Custom page templates
- Responsive frontend development
- Practice area page structure
- Trust-focused homepage design
Service 03
Performance Optimization
We engineered the site for speed from the ground up using Next.js capabilities and a lean frontend approach.
- Route-based code splitting
- Optimized assets
- Efficient rendering strategy
- Performance-first build decisions
Service 04
Technical SEO Foundation
We implemented the structural elements needed for search visibility, crawlability, and scalable content publishing.
- Metadata framework
- Semantic page structure
- Internal linking support
- SEO-ready content architecture
Service 05
Accessibility and QA
We validated the build across devices and usability standards to ensure the site launched with a polished, production-ready experience.
- Accessibility review
- Cross-browser QA
- Responsive testing
- Launch validation
Project details
What the job was
The particulars of the build, as the record states them.
Industry
Legal Services
Website
Delivered in
12 weeks
Launch date
January 23, 2026
What's next
Need a legal website that builds trust before the first consultation?
We help law firms move beyond outdated platforms and launch high-performance websites built to showcase practice areas, strengthen credibility, and drive more qualified inquiries.