Corporate website redesignUK Government · Accessibility

Redesigning Axelos.com with Kentico CMS, .NET and Contentstack

Axelos, the global home of ITIL® and PRINCE2® certifications, needed a complete digital transformation. Its website served users in more than 200 countries but had serious usability and accessibility gaps. I led the UX/UI redesign, from research and information architecture to a WCAG 2.1 AA design system.

Redesigned Axelos.com home page
Redesigned home page: a clear value proposition, then news and insights. axelos.com ↗
Client
Axelos (UK Government JV)
My role
Lead UX/UI Designer
Timeline
~15 weeks
Platform
Kentico CMS, .NET, Contentstack
Standard
WCAG 2.1 AA · UK GDS

Overview

Project overview

Axelos owns the world’s most widely used best-practice frameworks, including ITIL®, PRINCE2®, MSP® and AgileSHIFT®. The site is where professionals, organisations and training partners learn about these certifications, compare them and find a way to get certified.

The old site packed in too much content, buried product value and offered no clear path to enrolment, all while needing to meet strict UK Government accessibility standards.

Before
The previous Axelos website home page
What had to change
  • Dense, poorly organised content and confusing navigation
  • Product value and benefits not clearly communicated
  • No clear subscription or onboarding path
  • Accessibility gaps against WCAG 2.1 AA

The challenge

Problem statement and pain points

  1. Information overload and poor UX: excessive, badly organised content and confusing navigation made it hard to find information or complete key actions.
  2. Weak product focus and engagement: features and benefits weren’t clear, and there was no streamlined subscription or onboarding flow, which hurt acquisition and retention.
  3. Inefficient journey to conversion: no intuitive path to subscribing or buying, so users abandoned tasks because of friction and ambiguity.

Approach

My approach and goals

  1. Accessibility-first design: ran a WCAG 2.1 AA audit and rebuilt the component library with accessibility built in from day one.
  2. Content strategy overhaul: worked with the content team to create clear certification journey maps.
  3. Search UX redesign: redesigned filtering and directory search, cutting time-to-result by 60%.
  4. Mobile-first responsive system: adaptive layouts tested across 12 device configurations.
Goal 01

Improve structure and clarity

Clear organisation, visual hierarchy, shorter sections and obvious calls to action.

Goal 02

Showcase product value

Explain what makes each certification useful, with strong visuals and real stories.

Goal 03

Boost usability and performance

Simpler journeys, great mobile experience, plain language and A/B testing.

Design process

Six steps from brief to build

A collaborative, iterative process that moved from understanding the client to a documented, reusable component library.

Client meeting

Clarify the client’s objectives and what they hope to achieve.

01

Review

Audit the existing site for strengths, weaknesses and gaps.

02

User flow

Map where users enter and how they reach key tasks.

03

Wireframing

Lay out structure first, without colours or images.

04

Prototyping

Add realistic interactions that mimic the final product.

05

Documentation

Build a library of reusable components with usage notes.

06

Stakeholders

Navigating government requirements

UK Government stakeholders, as co-owners of Axelos, required strict accessibility compliance. Marketing wanted visually rich, animation-heavy pages.

I proposed progressive enhancement: every core function fully accessible, with optional animation that respects reduced-motion preferences. Both sides approved, and the site passed WCAG AA on its first audit.

Audience

Target audience

  1. Professionals seeking certification in ITIL®, PRINCE2®, MSP® and AgileSHIFT®, across IT service management and project delivery.
  2. Corporate and government clients adopting best-practice frameworks to improve delivery and governance.
  3. Training providers and consultancies who need toolkits, licensing and marketing support.
  4. HR and L&D leaders responsible for certification pathways and upskilling.
  5. Students and career switchers looking for foundational certifications.
  6. Content editors and localisation teams managing multilingual content and regional versions.

Roles

My roles and responsibilities

Design strategyProblem solvingInformation architectureEmpathy mappingUsability testingUser flowPrototypingProject managementUser personaWireframesUser researchBusiness analysisVisual designUI implementation via HTML/CSS

Timeline

Project timeline

Iterative phases over about 15 weeks: stakeholder alignment and discovery, then research and validation, then wireframes and high-fidelity design refined through reviews and testing. The final phase covered handoff, accessibility validation and build support.

Strategy (research)
Interview
Empathy map
User journey map
Problem & goal statement
Competitive analysis & IA
Paper wireframes
Visual design & prototyping
User feedback & approval
Usability testing phase
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Research

Key research findings

Interviews, open card sorting and task analysis showed that the site’s structure reflected internal taxonomy, not how users think.

Users struggled to find content

Navigation categories reflected internal taxonomy, so users hesitated and explored several sections before finding anything.

Design impact: restructured the IA around users’ mental models, which led directly to card sorting.

Users think in goals, not platform features

Participants grouped content by what they wanted to do (learn, apply, download) rather than by CMS feature.

Design impact: navigation and content grouped around user goals, with less internal jargon.

Shallow navigation and strong filters win

Users avoided deep hierarchies and finished tasks faster when filters were available early.

Design impact: reduced category depth and promoted high-value filters.

Inconsistent terms reduced confidence

Different names for the same thing caused second-guessing and rechecking.

Design impact: standardised terms across navigation, content and filters.

Research workshops: affinity mapping, card sorting and paper sketching

Market

Competitor analysis

Axelos competes with other certification bodies directly and with online learning platforms indirectly. I assessed each across six dimensions.

Indirect competitorsCoursera · Udemy · LinkedIn Learning
Direct competitorsPeopleCert · APMG International
Axelos
Direct

Certification bodies

PeopleCert and APMG International offer overlapping IT and project-management certifications, including ITIL and PRINCE2.

Indirect

Online learning platforms

Coursera, Udemy and LinkedIn Learning offer flexible individual courses that compete for the same learners.

  1. Brand awareness & reputation: strength and perceived quality in the market
  2. Product / service offerings: range, depth and uniqueness of programmes
  3. Pricing strategy: pricing models, discounts and value
  4. Distribution channels: direct sales, training partners, online
  5. Marketing & sales: campaigns and acquisition strategy
  6. Customer experience: websites, apps and the certification journey

Define

User personas

Two personas captured the main tension: an individual professional choosing a certification, and an organisational buyer planning one at scale.

Sarah Mehta

Sarah Mehta

32 · IT Service Manager
Sweden · Education: Teacher
Biography

Sarah manages IT operations and service delivery at a mid-sized tech firm. She aligns IT processes with business goals and is exploring ITIL® certification to raise her team’s efficiency and credibility.

Personality

Analytical, goal-oriented and pragmatic. Values clarity, structure and growth.

Pain points
  • Overwhelmed by scattered certification information
  • Unclear pricing and registration process
  • Hard to compare certification levels and benefits
Goals
  • Understand which ITIL® certification suits her role
  • Enrol in a recognised training programme
  • Access downloadable resources and exam prep
James Carter

James Carter

45 · Project Manager
Manchester, UK · Master in Arts
Biography

James oversees professional development across a large public-sector organisation. He is evaluating PRINCE2® and MSP® to standardise project delivery and upskill internal teams.

Personality

Strategic, collaborative and detail-focused. Values credibility and stakeholder alignment.

Pain points
  • Hard to find enterprise licensing and partner options
  • Few case studies or ROI metrics for executive buy-in
  • Frustrating navigation to toolkits and resources
Goals
  • Compare frameworks and their organisational impact
  • Identify accredited training partners
  • Build a scalable certification roadmap for his teams

Journey

Critical success touchpoints

Eight touchpoints decide whether a visitor becomes a certified professional. Each one got a clear improvement target.

TouchpointUser typeImportanceCurrent pain pointsImprovement opportunity
HomepageAll (entry point)CriticalUnclear value proposition, confusing navigationClear hero message, role-based pathways
Certification pathway pagesProfessionals (consideration)CriticalComplex structure, unclear progressionVisual roadmap, clear level descriptions
Course details & pricingAll (decision maker)CriticalHidden pricing, unclear inclusionsTransparent pricing, comparison tool
Enrolment processAll (action)CriticalMulti-step form, unclear next stepsStreamlined checkout, progress indicator
Learning platform accessLearners (post-purchase)HighLogin issues, unclear interfaceSingle sign-on, intuitive dashboard
Support resourcesLearners (ongoing)HighHard to find help, slow responseContextual help, live chat, FAQ
Exam bookingCertified candidatesHighLimited availability, complicated processEasy scheduling, multiple options
Credential verificationCertified professionalsHighSlow verification, unclear processDigital credentials, quick verification

Recommendations

UX recommendations implemented

Recommendations were prioritised by impact on conversion and accessibility, and each came with an expected impact we could measure.

Priority 1 · Critical improvements

Redesign homepage with a clear value proposition

Issue: Users don’t immediately understand what Axelos does.

  • “Why Axelos?” hero message
  • Role-based quick links (IT professional, PM, executive)
  • Clear differentiation from competitors
  • Social proof: logos and statistics
Expected impact: +30% click-through

Interactive certification roadmap

Issue: Certification pathways are confusing and hard to visualise.

  • Visual ITIL / PRINCE2 / MSP progression
  • Time, cost and difficulty for each level
  • Recommendations based on current role
  • “Start here” on every pathway
Expected impact: +40% clarity, +25% conversions

Transparent pricing & comparison tool

Issue: Pricing is unclear and hard to compare.

  • Clear pricing table per course option
  • Self-study vs instructor-led vs online
  • Visible financing and payment plans
  • Group discount calculator
Expected impact: +35% confidence, −20% abandonment

Priority 2 · Feature enhancements

Simplify enrolment

Current state: Multi-step form process.

  • One-page or minimal-step checkout
  • Progress indicator
  • Guest checkout option
  • Social login (Google, Microsoft)

Post-purchase onboarding

Current state: Unclear next steps after enrolment.

  • Welcome email with clear next steps
  • Learning-platform orientation tour
  • First-module walkthrough
  • Success milestones

Learning community

Current state: Limited community engagement.

  • Forums by course level
  • Study-group matching
  • User-generated study tips
  • Badges for motivation

Priority 3 · Design polish & accessibility

Mobile-first responsive design

Current state: Optimise for mobile users on the go.

  • Mobile-optimised layouts
  • Touch-friendly buttons and navigation
  • Fast loading times

WCAG 2.1 AA compliance

Current state: Accessible to everyone, including people with disabilities.

  • Colour contrast ratios
  • Keyboard navigation
  • Screen-reader compatibility
  • Captions for video content

Low-fidelity wireframes

Greyscale wireframes of every key screen

Each greyscale wireframe follows the layout of its final screen block for block: the same header, hero, content rhythm and footer. Stakeholders signed off structure, content order and accessibility notes before any brand styling.

01Home

◎ AXELOS
Certifications ▾Solutions ▾TrainingResource Hub ▾About Us ▾
Sign in
The world's favourite best practice portfolio
News
October 28, 2021New website for Axelos
October 26, 2021Axelos partners with Defra for COP26 E-alliance
September 28, 2021Axelos launches new ITIL Maturity Model
August 4, 2021Axelos launches updated Portfolio, Programme and Project Management Maturity…
Show more
◎ AXELOSPowering Best Practice
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Get ConnectedNewsHelp & Support
Our ServicesCertificationsConsultingFind a training providerMembership
CompanyAbout us
LegalPrivacy PolicyTerms of ServiceAccessibilityCookies
Copyright © 2025 Axelos Ltd.
Clear hero message, then news as alternating image and text rows.

02Certificate detail

◎ AXELOS
Certifications ▾Solutions ▾TrainingResource Hub ▾About Us ▾
Sign in
Home › Certifications › Axelos ProPath › PRINCE2PRINCE2® Project Management CertificationsPRINCE2 helps to successfully deliver projects of any size or complexity.
New PRINCE2® 7! Best Practice made better.›
Benefits›
PRINCE2 Foundation and PRINCE2 Practitioner›
PRINCE2 FoundationPRINCE2 PractitionerPRINCE2 Agile
PeopleCert›
Find an PRINCE2 trainer
Select a country ▾Select a state or region ▾
Search ›
◎ AXELOSPowering Best Practice
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Get ConnectedNewsHelp & Support
Our ServicesCertificationsConsultingFind a training providerMembership
CompanyAbout us
LegalPrivacy PolicyTerms of ServiceAccessibilityCookies
Copyright © 2025 Axelos Ltd.
Dark hero band, then four scannable accordion sections and a trainer search.

03Find a training provider

◎ AXELOS
Certifications ▾Solutions ▾TrainingResource Hub ▾About Us ▾
Sign in
Find a training providerFrom hundreds of training organizations around the world
Select best practice›
Select a country›
Select a region
⌕ Or search by nameSearch ›
◎ AXELOSPowering Best Practice
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Get ConnectedNewsHelp & Support
Our ServicesCertificationsConsultingFind a training providerMembership
CompanyAbout us
LegalPrivacy PolicyTerms of ServiceAccessibilityCookies
Copyright © 2025 Axelos Ltd.
Three guided filters or a free-text search, in one panel over the hero.

Design

High-fidelity screens

A clean, editorial visual language with Axelos crimson and teal accents, diagonal image crops and generous white space.

01Home

Axelos Home screen
Hero with a clear value proposition, then news as alternating image and text rows.

02Certificate detail

Axelos Certificate detail screen
PRINCE2® page with a dark hero, scannable sections and a trainer search.

03Find a training provider

Axelos Find a training provider screen
Guided filters or free-text search in one panel.

Rationale

Design rationale and decisions

Each major decision traces back to a research finding and a measurable outcome.

Design areaRationaleKey decisionOutcome
Research-led approachUsers faced discoverability and navigation challengesAnchored decisions in research, usability testing and card sortingDecisions reflect real behaviour, not assumptions
Information architectureNavigation was the main source of frictionOpen card sorting for discovery, closed for validation; simpler hierarchyBetter findability and faster orientation
Goal-driven navigationUsers arrive with clear goalsFlows from goal → discovery → refinement → actionLower cognitive load, smoother journeys
Task flow designComplex flows caused hesitation and drop-offProgressive disclosure and step-by-step task flowsMore task completion and confidence
ConsistencyInconsistent patterns created uncertaintyStandardised layouts, interactions and action placementPredictable interactions, fewer errors
Filters & refinementUsers relied on filters more than deep navigationElevated high-value filters, reduced category depthFaster narrowing and decisions
Accessibility & compliancePlatform had to be inclusive and compliantDesigned to UK GDS guidelines and WCAG 2.1 AAAccessible and legally compliant
ScalabilityDesign had to support future growthModular components and scalable IAFuture-ready, lower maintenance cost

Principles

Design laws applied

Proven UX laws guided decisions where research alone didn’t settle the choice.

Familiar patternsJakob’s Law

Applied: Navigation, page layouts and interactions follow established content-platform conventions.

Impact: Shorter learning curve, more confidence.

Managing complexityTesler’s Law

Applied: Smart defaults and filters move complexity from users into the system.

Impact: Powerful functionality without overwhelming users.

Interaction efficiencyFitts’s Law

Applied: High-frequency actions and key CTAs made larger and placed consistently.

Impact: Faster tasks, fewer interaction errors.

Decision overloadHick’s Law

Applied: Fewer visible options, grouped content and progressive disclosure.

Impact: Faster orientation, fewer abandoned paths.

Cognitive loadMiller’s Law

Applied: Content chunked into meaningful groups with simpler hierarchies.

Impact: Better comprehension, smoother navigation.

Trust through clarityAesthetic–Usability Effect

Applied: A clean, structured, distraction-free UI with consistent type and spacing.

Impact: Higher perceived usability and professionalism.

Results

Outcomes and business impact

Results of the UX audit and GDS-standard redesign, for a platform serving 50,000+ users across 15 countries.

+55%Page engagement
−40%User errors
25Critical usability issues fixed

Course journey metrics

MetricBeforeAfterImpact
Course page to enrolment CTR10%18%+80% relative
Time to decide72 hours24 hours3× faster decisions
Price-related drop-off20%8%−60% price objections

Closing

Key takeaways

  • User-centred clarity drives engagement: a restructured IA and simpler navigation helped every audience find content faster and act with confidence.
  • Design systems bring consistency and scale: a modular, WCAG-compliant system sped up handoff and supports multilingual and partner pages.
  • Storytelling shows product value: visual pathways and real use cases made ITIL®, PRINCE2® and MSP® easier to tell apart.
  • Conversion-focused UX pays off: simpler CTAs and form flows lifted registrations and cut drop-off.
  • Collaborative governance builds trust: regular workshops and transparent documentation kept every team aligned.
  • A modern content stack enables agility: Contentstack let editors manage multilingual content, SEO and updates without developers.
Adobe XDPhotoshopIllustratorFigmaMiroKentico CMSContentstack.NETAzure DevOpsJiraVisual StudioMicrosoft 365 Copilot

Thanks for reading

Questions or feedback? I’d love to hear them: yogeshmalikbe@gmail.com

Next case study

Capita.com Redesign

View project