CRO breakdown of MindFit at Work's psychosocial risk and wellbeing landing page. Expert analysis of dark-layout design decisions and B2B conversion strategy by Apexure.
What is ConvertScore™? ConvertScore™ is Apexure's proprietary landing page performance metric. We evaluate every page across four dimensions — Copy & Messaging, Layout & Hierarchy, Trust & Social Proof, and CTA & Conversion Path — to produce a single score out of 100.
This MindFit at Work page targets a distinct buyer from their leader training page: this one speaks to organisations facing regulatory pressure around psychosocial hazards. The audience is more compliance-oriented — they’re looking for a defensible programme they can implement and report on, not just a wellbeing initiative they feel good about.
That shift in buyer intent required a different design language. Premium, serious, evidence-led. The “Happy Workplace Revolution” warmth of the coaching page gives way to a darker, more architectural aesthetic that signals rigour.
The dark layout was the first and most deliberate choice. Dark backgrounds command premium positioning in the visitor’s mind before they’ve read a word. More practically, the dark base makes every illustrated element — the process graphics, the accent colours, the CTA buttons — stand out with natural contrast. We used near-black (#111) rather than pure black to soften the contrast and avoid harshness.
The “Four Process Formula” section uses illustrated steps with consistent iconography to make a complex intervention feel manageable. B2B buyers are often sceptical of training programmes that don’t have a clear delivery structure — they’ve been burned by vague “holistic approaches” before. Numbered steps, each with an illustration, collapse that scepticism by showing the work.
appear in the FAQ section and in the programme benefits section. Each accordion heading is written to be valuable without expanding — it functions as a scannable list of value propositions. The expand functionality is for visitors who want depth, but the collapsed state does the persuasion work for everyone else. This is a pattern we use whenever the page needs to be comprehensive without being overwhelming.
The science-backed metric section (the “100%” callout with purple accent) creates a visual anchor mid-page. After several sections of copy and illustration, a bold number in a contrasting colour forces the eye to pause and register. It’s pacing — the design equivalent of a chapter heading.
The sticky header carries the CTA at every scroll depth. For a page this long, with this many content sections, the visitor who’s been sold somewhere in section five shouldn’t have to scroll back to act. The sticky CTA removes that friction without being intrusive.
When your target buyer is a compliance-driven HR director, every design choice should signal accountability. Dark aesthetic, numbered process, evidence metrics, and named client logos — each element tells the visitor "this firm takes this seriously." Together they create a premium positioning that justifies budget approval.
The trust hierarchy on this page runs: logos (immediate recognition), process clarity (delivery confidence), 100% outcome metric (evidence base), testimonials (peer validation), FAQ resolution (objection clearing).
Each layer addresses a different buyer anxiety. The logos answer “have others trusted them?”. The process answers “do they have a methodology?”. The metric answers “does it work?”. The testimonials answer “what’s it like to work with them?”. The FAQs answer “what about my specific situation?”.
"Accordion tabs are one of my favourite patterns for B2B pages precisely because they respect the buyer's time. A list of twelve feature paragraphs forces everyone to read everything. Accordions let speed-readers absorb the headings and depth-seekers expand what matters to them. Both audiences get what they need."
Read more about how we approach trust signals in our guide to B2B Landing Page Examples.
The FAQ section doubles as an SEO asset. Writing FAQs in the language buyers use when searching — "What is psychosocial risk training?", "How does workplace wellbeing reduce absenteeism?" — means the page answers the questions visitors arrived with, which signals relevance both to Google and to the human reading it.
The conversion architecture here is sequential: this page exists to persuade, the CTA triggers a consultation booking. We kept the form off the page entirely — the CTA goes to a dedicated booking step. This reduces cognitive load on the page itself and means visitors arrive at the form in a more committed state, having already decided they want to talk.
"Separating the persuasion page from the conversion step works well for high-consideration B2B purchases. The landing page does all the work of building desire and addressing objections. By the time the visitor reaches the form, they're not being sold to — they're completing a process they've already decided to start."
The dark layout, animated illustrations, and accordion functionality were all built within Unbounce’s builder. This matters because it means the client controls the page — headline tests, copy changes, CTA iterations — without needing developer involvement.
Dark pages can suffer on mobile if contrast ratios aren’t carefully managed. We verified accessibility compliance across the dark sections, ensured illustration elements scaled without distortion, and confirmed that the accordion interaction worked with touch gestures rather than just hover states.
Dark layouts often use heavy background treatments that slow load times. We used CSS-based colour sections rather than background images wherever possible, and compressed the illustration assets to ensure the page loads under 3 seconds on a standard 4G connection.
"All deliverables were on time and within budget. We are very happy with the results."
With current data, three changes would move the needle most:
This page demonstrates strong command of the compliance-driven B2B buyer’s psychology. The dark aesthetic differentiates, the process framework reduces delivery anxiety, and the accordion structure respects the buyer’s time. The gap to 100 is in the specificity of outcome proof — a page that names numbers in testimonials consistently converts better than one that describes feelings.
Browse our full collection of landing page examples to see how we apply these principles across industries. Interested in a page built for compliance-driven buyers? Talk to our team.
People trust credible experts. Certifications, awards, media mentions, and expert endorsements boost credibility.
People follow the actions of others. Testimonials, reviews, and client logos build trust and reduce hesitation.
Simpler pages convert better. Reducing visual noise, breaking forms into steps, and clear copy lower mental effort.
Colours trigger emotional responses. Strategic use of contrast and brand colours guides attention to CTAs.
Psychosocial risk refers to work-related hazards that affect mental health — workload, leadership quality, interpersonal conflict, and organisational culture. It's an emerging compliance obligation in many markets. A dedicated landing page for this specific topic is more effective than a general wellbeing page because it speaks directly to the language HR and compliance teams use when searching for solutions.
The dark layout creates deliberate contrast — light content blocks and vibrant accent colours pop against the dark base. For a brand positioned around psychological science and serious business outcomes, a dark aesthetic signals gravitas and differentiation from the sea of pastel wellness competitors. It also naturally directs the eye toward the colourful illustration elements and bright CTA buttons.
Accordion FAQs address objections at the moment they form. A B2B buyer reading down the page will have questions — about delivery, about integration, about evidence base. If those questions aren't answered before the CTA, they leave to search for answers elsewhere and often don't come back. Each accordion heading is written as a standalone value proposition so even visitors who never expand the tabs still absorb the message.
The programme was designed for organisations navigating new psychosocial risk obligations — typically HR, OHS, and senior leadership teams in sectors with high workplace stress: healthcare, finance, professional services, and logistics. The landing page copy is written for the HR director who needs both an evidence base and a clear delivery pathway before they can present the investment internally.
We design high-converting landing pages for B2B and B2C brands. Let's talk about yours.
Get a Free Consultation Or browse more examples →
Founder & CEO of Apexure, Waseem worked in London's Financial Industry. He has worked on trading floors in BNP Paribas and Trafigura, developing complex business systems. Waseem loves working with Startups and combines data and design to create improved User Experiences.
Get quality posts covering insights into Conversion Rate Optimisation, Landing Pages and great design
"A dark page isn't just an aesthetic choice — it's a positioning statement. When every wellness competitor is using soft pastel gradients and stock photos of people smiling in offices, a dark, science-forward layout immediately signals that this firm operates differently. Design is the first proof point."