Essensia Solutions Website Design

The client

The problem

1. 01

   Nobody searches for the thing by name

   Founders search for the symptom, not the model: a contract they need drawn up, a right to work check they are unsure about, a first hire they have never made before. Very few type fractional HR into anything. A site that opened with the industry's own label would have been invisible to the people it was for.

2. 02

   Trust has to be settled before the first message

   Handing over employment records, a disciplinary in progress or a sponsor licence is not a low-stakes decision. A site that feels improvised costs the enquiry in seconds, and no amount of good copy further down recovers it.

3. 03

   Five service lines and four ways to buy

   Fractional HR, employer compliance, business advisory, recruitment and training, each available as a retainer, a defined project, a review or a single consultation. Laid out as a list it reads as a menu of confusion, and a confused visitor books nothing.

4. 04

   Every enquiry has to arrive already scoped

   A consultancy this size cannot spend its calls working out what someone needs. The qualifying had to happen on the site, so that the conversation starts at what it will take rather than at what it is.

What I did

1. 01

   Positioning

   I started from the moment people actually reach out, which is never the moment they decide they want an HR partner. It is the moment something has gone wrong or something new is about to start. So the site leads with the outcome rather than the discipline: build a business designed to scale, not one you are constantly fixing. The service names come after the promise, not before it.

2. 02

   Information architecture

   Two axes rather than one long list. The navigation carries the service lines, HR, compliance and advisory, each with its own page so search intent lands on the right one. A numbered approach section carries the delivery models, retained, flexible, project and advisory, so a visitor can place themselves before anyone picks up the phone.

3. 03

   Design direction

   Calm and professional with room to breathe, one brand purple doing all the signalling, and photographs of people working rather than the abstract stock that makes HR pages interchangeable. Measured type in Outfit, at a size that holds up for someone reading on a phone between meetings.

4. 04

   Copy

   Every section answers the question a founder is asking at that point on the page, in the words they would use. No HR jargon, no acronyms without the thing spelled out, and each service described by what it removes from the founder's week rather than by its deliverables.

5. 05

   Build

   A static, pre-rendered build with no page builder behind it. The copy is in the HTML rather than assembled by JavaScript after load, the hero image and logo are preloaded, and the fonts and assets ship with the build. That is what makes it fast on a phone and cheap to keep running, and it is also what makes it legible to a crawler.

6. 06

   Search foundations

   A unique title and description per page, Organization structured data carrying the registered company details and address, Open Graph and Twitter cards so a shared link looks deliberate, and en-GB set at the document level for a business selling into the UK.

7. 07

   The booking path

   One call to action, Book a Consultation, repeated at each point where intent tends to form, going into a scheduling link rather than a contact form that then has to be answered. For the buyer not ready to retain anyone, the employer compliance health check is a smaller first step that still starts the relationship.

8. 08

   Privacy as a proof point

   Essential cookies only, no analytics and no advertising trackers, said plainly in the notice rather than buried in a policy. A business selling compliance has to practise it on its own website, and visitors in this market are the ones most likely to check.

Key design decisions

• A hero that names the outcome rather than the discipline: build a business designed to scale, not one you are constantly fixing
• Three figures under the fold, experience, service areas and how the support flexes, so the proof is visible without scrolling into it
• A page per service line, so a search for compliance help does not land on a homepage section
• The employer compliance health check as the low-commitment entry point
• The delivery models shown as four numbered ways to work, so a visitor can self-select before the call
• Booking straight into the diary rather than a contact form waiting on a reply
• Essential cookies only, stated in plain English, because the site has to practise what the business sells

Results

Built with

• React
• Pre-rendered static pages
• Organization structured data
• Outfit, served from Google Fonts
• TidyCal for consultation booking

My pricing starts at $ 1,500. See what each tier includes.

Services used here