Squarespace Website Development for Mana Consulting

I designed and developed a premium Squarespace 7.1 website for Mana Consulting, an independent construction cost consultancy serving clients across the United States and internationally.

Mana Consulting is an independent construction cost consultancy with offices in Denver and Houston. The firm provides cost planning, estimating and commercial advisory services across sports, major events, education, healthcare, infrastructure and commercial developments.

I partnered directly with the founders to transform their early brand direction, content and initial mockups into a polished Squarespace website that communicates experience, independence and commercial credibility.

My role covered website strategy, UI/UX design, Squarespace development, responsive optimisation, custom functionality, visual direction, SEO and client handover.

Mana Consulting was entering the market as a newly established consultancy backed by substantial project experience.

The website needed to establish immediate credibility without relying on founder profiles or published case studies at launch. It also needed to feel like a boutique, dedicated consultancy rather than imitate the scale and tone of a major multinational firm.

The key challenge was creating a website that could:

Communicate specialist expertise without overwhelming visitors

Build trust while the founders remained anonymous

Present complex professional services clearly

Balance a premium corporate aesthetic with a more personal consultancy feel

Differentiate Mana from contractors and larger multidisciplinary firms

Remain easy for the founders to manage in Squarespace

Expand later with case studies, team profiles, testimonials and thought leadership

The original mockups established the brand’s navy and teal colour palette and blueprint-inspired visual language. I used that foundation to develop a more refined and flexible website system.

The final direction combines architectural precision with a modern boutique-consultancy feel through:

Strong editorial typography

Structured content hierarchy

Premium project imagery

Restrained use of brand colours

Generous spacing

Subtle animations and transitions

Clean grid-based layouts

Consistent section labels and calls to action

Manrope was used for headings and Inter for supporting copy, creating a clear distinction between high-impact messaging and detailed professional information.

Rather than reproducing the original mockups literally, I treated them as a strategic starting point and elevated the visual system for a serious B2B audience.

The homepage was designed to answer four questions quickly:

What does Mana Consulting do?

Why is its advice different?

Which services does it provide?

Where does the firm have experience?

The page introduces Mana’s independent cost-planning and commercial-advisory positioning before moving into its approach, value proposition, services, geographic reach and client testimonials.

The content was carefully structured to establish trust without repeating overly corporate language or asking visitors to read large amounts of text.

Key homepage sections include:

Brand and service positioning

Boutique consultancy introduction

Independent advice and client alignment

Reasons clients choose Mana

Service overview

Interactive geographic reach map

Client testimonials

Conversion-focused project enquiry

Because the founders could not publish individual biographies at launch, the About page needed to build trust through principles, responsibilities and working style.

I structured the page around Mana’s independence and its responsibility to act as an extension of the client’s team.

The page explains how the consultancy approaches commercial decisions, constructively challenges assumptions and protects design intent while pursuing better value.

The layout was also designed to accommodate future leadership profiles without requiring a complete redesign.

Construction cost consultancy can involve overlapping services across multiple stages of a project. The Services page needed to present this clearly without reading like a lengthy capability document.

I organised Mana’s services around five stages of the project lifecycle:

Project Feasibility and Business Case

Planning and Design

Procurement

Project Delivery

Major Events and Temporary Infrastructure

Each stage combines concise content, relevant imagery and clearly grouped capabilities. This helps owners, developers, architects and project teams identify where Mana can support their project.

The page also communicates specialist services such as strategic cost planning, construction cost estimating, procurement support, value optimisation, cost control, independent cost reviews and event overlay cost planning.

The Sectors page was intentionally kept clean and highly visual.

Rather than adding unnecessary marketing copy, I created a structured image grid that allows visitors to scan Mana’s experience quickly across:

Sports and entertainment

Stadiums and arenas

Major events

Olympic and Commonwealth Games

Education

Healthcare

Aviation

Transportation

Infrastructure

Commercial developments

Science and technology

Data centres

Cultural and recreational facilities

This approach keeps the page functional while allowing the project imagery to carry most of the communication.

One of the project’s most distinctive features is a custom interactive map showing Mana Consulting’s geographic reach.

The map presents:

Office locations in Denver and Houston

Experience across 28 U.S. states

International project experience

United States, international and combined views

Selectable regions and locations

Animated office and project markers

Responsive layouts for desktop and mobile

I developed the map as a self-contained vector experience using custom HTML, CSS and JavaScript. It integrates directly into a Squarespace Code Block and does not rely on paid map tiles or subscription-based mapping services.

This gives Mana a distinctive way to demonstrate broad experience while preserving the website’s visual identity and long-term reliability.

The complete website was developed in Squarespace 7.1 using Fluid Engine and native Squarespace blocks wherever practical. Custom CSS, HTML and JavaScript were introduced only where Squarespace’s built-in options could not achieve the required design or functionality.

This approach produced a premium visual result while keeping the website maintainable for the client.

The responsive implementation included:

Desktop, tablet and mobile layouts

Responsive typography and spacing

Mobile navigation

Optimised image positioning

Touch-friendly interactive elements

Responsive service and sector grids

Mobile-friendly contact forms

Cross-device testing

The website was prepared for both traditional search engines and emerging AI-powered discovery.

The optimisation work included:

Page-specific SEO titles

Unique meta descriptions

Keyword mapping

Image alt text

Heading hierarchy

Internal linking

Clean page URLs

Local signals for Denver and Houston

Squarespace sitemap configuration

Search Console preparation

A structured llm.txt file for AI systems

The search strategy focused on relevant terms such as construction cost consulting, cost planning, construction cost estimating, commercial advisory, cost management and quantity surveying.

More specialist terms were mapped to the Services and Sectors pages, including sports venue cost consulting, stadium cost estimating, major event cost planning and temporary infrastructure cost management.

The Contact page was designed to make starting a conversation simple. It combines a concise project-focused introduction with Mana’s Denver and Houston locations and a streamlined enquiry form.

The messaging avoids a generic sales approach and instead invites clients to discuss feasibility, early budgets, contractor pricing or independent commercial support.

Although the initial website is intentionally focused, its structure was designed to evolve with the business.

Mana can expand the website over time with:

Project case studies

Founder and leadership profiles

Client testimonials

Thought-leadership articles

Market reports

Additional service offerings

New office locations

Sector-specific landing pages

Reusable layouts, typography styles and content structures were established to ensure this growth can happen without redesigning the complete website.

Website strategy and information architecture

UI/UX design refinement

Squarespace 7.1 development

Five responsive website pages

Custom interactive geographic reach map

Service and sector presentation systems

Contact form configuration

Custom CSS styling

Custom HTML and JavaScript

Image direction and optimisation

On-page SEO metadata

AI visibility and llm.txt preparation

Mobile and tablet optimisation

Performance testing

Client editing walkthrough and handover

Squarespace 7.1, Fluid Engine, HTML, CSS, JavaScript, SVG, responsive web design, SEO and AI search optimisation

The completed website gives Mana Consulting a credible and distinctive digital presence that reflects the quality of its experience. It positions the firm as an independent, boutique consultancy with the technical capability to support complex projects across the United States and internationally.

The website makes Mana’s services easier to understand, communicates its geographic reach and provides a scalable platform for future case studies, leadership profiles and industry insights.

“Working with Samuel has been an outstanding experience from start to finish. He has been professional, responsive, and incredibly patient throughout the entire website development process. His communication has been excellent, he has taken the time to explain each step clearly, and he's always been quick to implement feedback and make revisions. The quality of his work is fantastic, and he has helped turn my vision for Mana Consulting into a clean, modern, and professional website. Nothing has been too much trouble, and his attention to detail has made the process smooth and stress-free. I would highly recommend Samuel to anyone looking for a talented and reliable web designer. I look forward to working with him again on future projects.”

Jimmy L. Co-founder, Mana Consulting