JM Field Website Redesign

JM Field is a Fort Lauderdale-based fulfillment, printing, and marketing company with a long-established web presence. This project is a ground-up redesign of the full jmfield.com website — built entirely with Claude Code and PHP, moving toward a modern, fully static HTML architecture that prioritizes performance, bilingual content delivery, and long-term maintainability. The production site continues running while the redesign is built in parallel, with a clean cutover once every page is signed off.

The redesign process began with an intensive design exploration phase: more than 20 distinct homepage concept variants were built as fully self-contained static HTML pages and deployed to Netlify at jmfieldgroup-designs.netlify.app. This gave the client a real, browser-ready showcase to review — not static mockups or PDFs, but live pages with full typography, color systems, and layout hierarchy — allowing meaningful feedback and a confident direction decision before any development resources were committed to a single path. The variant approach is a deliberate workflow choice: it surfaces creative options that a single-concept pitch would never uncover, and it eliminates the revision cycles that result when stakeholders try to imagine what a finished site might look like from a wireframe alone.

Once a design direction was selected, a complete 25-page static HTML preview was built and deployed to devsite.jmfield.com for final client review before cutover. The preview covers every section of the site: service pages for fulfillment, printing, and marketing, an about page, case studies, a contact page, and location-specific landing pages targeting Fort Lauderdale and the broader South Florida market. Each page is built with clean semantic HTML and full Schema.org structured data — LocalBusiness, Organization, Service, and BreadcrumbList schemas — ensuring the new site enters search with a strong technical SEO foundation from day one.

A key requirement for this project is bilingual content delivery. Key service and conversion pages are being developed in parallel in Spanish to serve Fort Lauderdale's significant Spanish-speaking population. The bilingual implementation is built into the static HTML architecture from the start — not bolted on after the fact — ensuring a consistent URL structure, hreflang relationships, and localized schema data across both language versions. The deployment pipeline is equally deliberate: a bare git repository on the office Synology NAS acts as the origin remote, with a post-receive hook that auto-deploys pushed commits directly to the dev server. This creates a zero-touch workflow where a single git push triggers a live deployment — no SSH sessions, no manual file transfers, no separate build servers required.