Blue-chip blue.
Built to permit.
Apex Consulting Group navigates NYC construction compliance for the biggest names in architecture and development. We built a site as bold as their client list: electric blue, editorial type, zero compromise.
One colour. Total conviction.
Construction industry websites default to grey steel and safety orange. Apex went the opposite direction. A saturated electric blue dominates every surface, from full-bleed hero backgrounds to text colour on light sections. It reads less like a compliance firm and more like a creative agency, which is exactly the point. Their clients are Gensler, Dolce & Gabbana, and Tiffany. The site had to match that calibre.
The palette is deliberately narrow. Electric blue for everything structural. Off-white for breathing room. White text reversed out of blue sections. No tertiary accent, no gradient, no colour variation. This constraint forces the typography and layout to carry the entire visual weight.
Headlines are set in a bold condensed serif at extreme scale. “Apex Consultants, Inc.” spans the full viewport width on the hero. Body text drops to a monospaced uppercase for labels and navigational elements, creating a sharp contrast between editorial and technical. The type does what decoration cannot.
Numbered stages. Named clients. Nothing wasted.
Four-step process with editorial weight
“With you at every stage” anchors the left column at billboard scale while numbered cards on the right walk through Strategy, Communication, Navigation, and Results. Each step gets a single sentence. The section code [ACG.2] in the top corner reinforces the technical, systematic feel.
The grid lines running between cards are not decorative. They create a visual system that mirrors a construction drawing. Hairline rules, precise alignment, labelled sections. The layout itself communicates what the firm does: structured, methodical, accountable.
Project showcase with name recognition
Dolce & Gabbana Boutique, Tiffany Flagship, Dream Hotel. The “Most Recent Projects” section leads with the client name, not Apex's role. Category labels (Retail, Hotels) and numbered entries (01, 02, 03) add structure. Thumbnail photography of actual buildings grounds every claim in physical reality.
Testimonial with logo and attribution
A full-screen pull quote from Gensler's CRO sits above the Gensler wordmark rendered at display scale. The quote is specific: “completed on time.” Pagination (01/03) signals depth without cluttering the viewport. One testimonial, shown well, beats a grid of five shown poorly.
No WordPress. No templates. No plugins.
Apex Consulting Group is built on Next.js 16 with React 19. Every component is hand-written. The full-bleed hero with its architectural photography overlay, the numbered process grid, the testimonial carousel, the project showcase. No page builders. No third-party UI libraries. Full code ownership, no licensing dependencies.
Images are served as WebP through Next.js Image with automatic srcset generation. Fonts are subset and self-hosted. The responsive breakpoints are tuned for the content, not a generic framework grid. On mobile, the hero headline reflows to fill the screen edge-to-edge. On desktop, the process section uses a true two-column asymmetric layout. The entire site ships under 200KB on first load.
Google Lighthouse audit, mobile, simulated throttling. Scores reflect production deployment.
Common questions about construction consulting websites
Building compliance needs a sharp site?
Professional services firms deserve websites that match their standards. We build fast, accessible, high-performing sites that score 100/100 and ship in under a week.