← PortfolioWeb Development | UX Design

The Burrell Group

A website as credible as the programs it supports

The Burrell Group helps public agencies and prime contractors deliver transit, airport and civic programs across Texas. Thrive designed and built their new website from the ground up, then kept going: a click-to-edit content system, vendor registration with email routing, first-party analytics and full search-engine groundwork.

The Burrell Group cover
Client
The Burrell Group, Inc.
Industry
Public program & engagement consulting
Thrive's role
Design, development, content system
Timeline
Dec 2025 – Oct 2026
Built with
Next.js · React · TypeScript · Tailwind CSS · Supabase · Vercel · Resend
01

Overview

The Burrell Group, Inc. (TBG) is a Dallas consulting firm established in 1999. Its teams support public programs from planning through closeout: program and project support, environmental services, and communications and public engagement.

Its clients include DART, DFW Airport, Trinity Metro, the City of Fort Worth, Houston METRO and NCTCOG, and it works alongside prime contractors such as HDR, HNTB, Jacobs and Archer Western.

+800%

Site engagement

12

Public pages

3

Service lines, each with its own page

4

Staff tools: editor, forms, analytics, news

10

Months of design and development

Five pages of The Burrell Group website floating above a laptop
02

The challenge

TBG's work is technical, regulated and hard to summarize. The site had to explain it clearly to agencies, contractors and job seekers, and look as credible as the programs the firm supports. The site also had to keep working after launch, run by a busy staff with no developer on call.

Make dense work easy to scan

Three service lines with about a dozen sub-services, written for procurement teams who skim.

Earn trust at first glance

Show real field photos, real clients and real projects, not stock imagery and vague claims.

Let staff run it

Headlines, photos, bullet lists, projects and news should all be editable without touching code.

Turn visits into relationships

Vendor registrations and inquiries should reach the right people, and staff should see who is visiting.

03

The pages

The Burrell Group home page hero: “Project support delivered with results that create lasting partnerships.”
The Burrell Group home page on a phone
01

Home

A full-width video hero with a diagonal green panel leads with what TBG does and who it works with. Below it come the three ways TBG helps, its capabilities, service cards, a “Trusted by” logo wall and featured projects.

Who We Are page with a photo hero and the values section
Who We Are page on a phone
02

Who We Are

The firm's story since 1999, its values (Excellence, Client Satisfaction, Community, Legacy), the leadership team and a map to the Dallas office. An “On this page” menu jumps between sections.

What We Do page: “We build with structure and for lasting impact.” with service cards
What We Do page on a phone
03

What We Do

Every service line on one page, opened by a grid of TBG's own field photos. Each card leads to a detailed service page.

Program & Project Support Services page with the section bar and a field photo
A service page on a phone
04

Service pages

One template for every service: what it is, what's included and how to get in touch. A section bar highlights where you are as you scroll.

Who We Serve page with the Dallas skyline and a grid of client logos
Who We Serve page on a phone
05

Who We Serve

Agencies, contractors and partner organizations, grouped the way procurement teams think about them. Client logos reveal each organization's name on hover.

Our Work page: “Public initiatives, delivered.” above a photo mosaic
Our Work page on a phone
06

Our Work

A mosaic of eight programs, from TEXRAIL and the Silver Line to the DFW Terminal Renewal program. Staff can pick each tile's hover color from the admin.

Vendor network registration form with contact details
Vendor registration page on a phone
07

Join Our Vendor Network

A vendor registration form for firms that want to partner on upcoming procurements: company, services, business structure and revenue band. Each submission is saved and emailed to the right team.

Work With Us page: “We build teams with intention and work that carries weight.”
Work With Us page on a phone
08

Work With Us

A careers page showing how to apply, the roles TBG often needs and what it's like to work there. One button sends a résumé.

04

What it does

Click-to-edit content

Staff turn on edit mode and change any headline, paragraph, bullet list or photo right on the page. Gold accent words are kept when a headline is reworded.

Forms that reach the right people

Vendor registrations and service inquiries are saved and emailed instantly. Each form has its own recipient list that staff manage themselves.

Built-in analytics

A private dashboard covers visitors, top pages, traffic sources, cities and devices. It also shows each visitor's path through the site and which organizations' networks they came from. Bots and staff are filtered out.

Search and AI groundwork

Structured data for the firm, its services and its articles, plus canonical URLs, a sitemap, share images and an llms.txt file. Search engines and AI assistants can describe TBG accurately.

Security

A PIN-protected staff area with signed sessions and rate limiting, plus strict browser security headers.

Polish that shows

A looping hero video with smooth crossfades, a full-screen photo viewer with swipe support, scroll-in animations that respect reduced-motion settings, and tap-to-call contact links.

05

Design system

An industrial, architectural look for a firm that works on rail lines and runways: square corners everywhere, structural greens and a gold drawn from TBG's logo.

Gold#8d7e22
Light gold#d4c481
Bronze#9f996a
Architectural green#3f5d4a
Parchment#e5dfc0
Ivory#fdfdfa
Steel#101820

Type

A clean system font stack in heavy, tightly spaced headings. There are no fonts to download, and it reads well on any device.

Gold accent words

One phrase in each headline is set in gold to carry the message: “accountability and results,” “partnerships that last.”

Diagonal green panels

Hero text sits on an angled green overlay that echoes structural steel without hiding the photography.

Real field photography

Inspections, night pours and community events from TBG's own teams appear in every hero.

No rounded corners

Square buttons, cards and frames give the whole site an engineered, precise feel.

Full pages. Hover over one (or scroll inside it on a phone) to see the whole page.

Full-length screenshot of The Burrell Group home page
Home
Full-length screenshot of the Who We Are page
Who We Are
Full-length screenshot of a service page
Service page
Full-length screenshot of the Our Work page
Our Work
06

Made for phones

Agency staff, contractors and job seekers check the site from wherever they are. Every page works as well on a phone as it does on a desktop.

Home page on a phone
Communications & Public Engagement page on a phone
Who We Are page on a phone
Our Work page on a phone
Vendor registration page on a phone
07

Timeline

  1. Dec 2025

    Launch

    The new site goes live with every core page, news and the service pages.

  2. Jan – Feb 2026

    Homepage and mobile refinements

    A new white header, a stronger homepage and a reworked mobile menu.

  3. Jun 2026

    Staff can edit everything

    The admin area and click-to-edit content system arrive, along with the project showcase.

  4. Jul 2026

    Forms and contact

    Instant email alerts for every form, tap-to-call links and a refined services lineup.

  5. Sep 2026

    Analytics, search and security

    First-party analytics, structured data and sitemaps, the photo viewer, staff sign-in and security headers.

  6. Sep – Oct 2026

    Ongoing care

    Per-form recipients, a report of which organizations visit, and continued updates.

08

The outcome

TBG now has a site that matches the scale of the programs it supports and that its own staff can keep current. Engagement on the site is up 800%.

Headlines, photos, team members, projects and news change in minutes from the page itself. Registrations and inquiries reach the right inbox the moment they're sent. And the analytics dashboard shows who is looking: which pages, from where, and from which organizations.

SOULCHECK

UX · Product · Wellness, Brand Design, UX Design

VIEW PROJECT →

More work