DFW Hightech Signs website home page shown on desktop, laptop, tablet and phone screens

Explore more from:

Redesign and migration

Static Bootstrap 3 and PHP site to WordPress + Elementor Pro

DFW Hightech Signs

DFW Hightech Signs has served Dallas and the DFW Metroplex since 1988, and we moved its sign company website from a static site to WordPress. The company designs, fabricates and installs signs, and it works with cities and suppliers on permits. It prints and fabricates signs and graphics for clients from stadiums and retailers to government agencies and large corporations. Its products run from outdoor and interior signs to banners, flags and decals, vehicle and fleet graphics, corporate and promotional items, and wall and window wraps. The site also has a gallery, a blog, a contact page and Get A Quote buttons throughout.

  • CMS: WordPress
  • Theme: Hello Elementor, built with Elementor Pro
  • Integrations: JetEngine (listing grids), Yoast SEO
  • Live site: dfwhightechsigns.com

Before:

Bootstrap 3 and PHP files, all hand-coded, made up DFW Hightech Signs’ old static site. It had 92 live pages: 16 main pages and 76 city pages. Each city page had its own title, meta description and hero image. Because every page was hand-coded, every change meant editing code.

The job was to move the site to an Elementor build the company can edit, with every page of the old one carried over. Starting from a fresh sitemap would have lost the city pages and their search text.

What we did:

We mapped the 92 live pages of a Dallas sign company’s hand-coded static site before moving it to WordPress and Elementor Pro, where 76 city pages now come from one template.

Mapping the old site first

Before building anything, we crawled the whole old site. Every URL, title, H1 and meta description went into one sheet. That sheet drove the build, so nothing was left to memory. The crawl covered 95 URLs, and 92 of them were live. The other 3 were dead links: two product pages and one city page.

A city page template used 76 times

Each city page had its own copy, hero image, title and meta description. Building 76 pages one by one would have meant 76 edits for every layout change. So we built them from one template with fields for the hero, the copy and the search text. A change to the layout now reaches all 76 at once. After the build, we checked every city page for its hero image and all 6 of its content fields, and all 76 passed. The homepage links to each of them.

Elementor design for the sign company website

We rebuilt the look in Elementor on the original navy and orange palette, set as global colours and type so the client can change them in one place. The homepage hero is a 5 slide slider. Reviews that were hardcoded in the old HTML now come from a JetEngine listing that runs as a slider, with 10 reviews and a star rating on each. The gallery is split into sign categories, with a filter bar for outdoor, interior, banners, flags and decals. We also set Yoast SEO titles and meta descriptions on the 76 city pages and the 15 main pages.

Changes to the sign company website no longer mean editing code, because the team can edit its pages in Elementor. We white labeled this build for our partner BigDCreative. The city pages on our Flash Garage Door website, another BigDCreative project, also share one template.

Results:

  • 92 live pages mapped on the old static site, plus 3 dead links found
  • 76 city pages built from one template, 76 of 76 checked
  • Yoast titles and descriptions set on 76 city pages and 15 main pages
  • A JetEngine slider of 10 reviews and a 5-slide hero on the homepage