ElevatePath

Projects /ElevatePAth Coaching website

Selected Case Study

ELEVATEPATH
CLARITY. STRATEGY. GROWTH.

A strategic digital experience designed for a leadership and business coaching brand — helping ambitious professionals turn clarity into sustainable growth.

Project 05Digital Experience
Project Information
Client
ElevatePath
Location
Bahrain
Industry
Leadership & Business Coaching
Services
Figma UI/UX Design, Website Design, Custom WordPress Development, Responsive Development, Interaction Design & Performance Optimisation
Timeline
4 Weeks
Role
Figma Designer & WordPress Developer
01 / Digital ExperienceELEVATEPATH
elevatepath.com
Leadership & Business Coaching

Understand. Strategize. Act. Grow.

A premium digital experience created for a coaching brand helping entrepreneurs and business leaders move forward with greater clarity and confidence.

Explore ElevatePath
Overview

Coaching should
create movement.

A digital presence built for leadership and business growth.

ElevatePath needed a digital presence that felt more personal than a traditional consulting website, while still communicating the credibility expected from a professional coaching brand.

The website needed to speak to entrepreneurs and business leaders looking for more than motivation — they need clear direction, practical strategy, accountability and measurable progress.

The experience was structured to introduce the coaching philosophy, communicate the available services, demonstrate the transformation clients can expect, and make booking a conversation feel natural.

The Challenge

Turning expertise
into an experience people can trust.

The challenge wasn't simply creating a visually attractive coaching website — it needed to answer one important question: why should someone trust this coach with their business and growth?

01

Communicating the Coaching Value

Coaching can mean very different things to different people. The site needed to clearly distinguish personalised coaching, strategy sessions and workshops while showing the practical value behind each.

02

Building a Human Connection

Leadership coaching is personal. The website needed to introduce the coach as a real person and create a sense of connection before the first consultation.

03

Making Transformation Visible

Instead of focusing only on services, the content needed to communicate outcomes — clarity, stronger decisions, better systems, sustainable growth and greater confidence.

04

A Natural Conversion Journey

Visitors needed clear opportunities to discover the programs, understand the process, explore client experiences and ultimately book a conversation.

Design Strategy

Warm, intelligent,
confidently human.

The design direction was built around a balance of professional authority and human warmth. Rather than a typical corporate coaching aesthetic, the interface combines editorial typography, warm neutrals, deep green tones, refined imagery and structured content sections.

01

Editorial Typography

Large serif headlines create a sophisticated and personal tone while supporting the premium positioning of the coaching brand.

02

Warm Visual Language

Neutral backgrounds and natural imagery create an approachable atmosphere instead of making the experience feel overly corporate.

03

Structured Information

Services, programs, process steps and testimonials are organised into clear sections so visitors can understand the offer without feeling overwhelmed.

04

Human-Centred Conversion

Calls-to-action such as discovery calls and program exploration are integrated throughout the journey rather than relying on one aggressive conversion point.

The Experience

From uncertainty
to forward momentum.

The website was designed as a guided journey rather than a collection of independent pages.

01 — Discover

Discover

Introduce the coaching philosophy and immediately communicate the transformation the brand provides.

02 — Explore

Explore

Help visitors understand coaching services, strategy sessions and workshops.

03 — Understand

Understand

Explain the process through a simple progression from discovery to strategy, implementation and growth.

04 — Connect

Connect

Use the coach's story, credibility and client experiences to build familiarity and trust.

05 — Take Action

Take Action

Guide qualified visitors towards booking a discovery call or exploring the relevant coaching program.

What I Designed

Every section has
a purpose.

The Figma design was developed around a modular page structure that could communicate the brand consistently across the entire website.

01

Hero Experience

A strong editorial headline immediately communicates the core promise of the coaching brand, supported by clear primary and secondary actions.

02

Coaching Services

Three focused cards introduce 1:1 Business Coaching, Strategy Sessions and Workshops & Training.

03

Coaching Process

A four-step visual journey — Discover, Strategize, Implement, Grow — turns an abstract process into something visitors understand immediately.

04

About the Coach

A dedicated personal section introduces the coach, experience and philosophy, creating a stronger emotional connection with visitors.

05

Client Success

Testimonials provide social proof and reinforce the practical outcomes of the coaching experience.

06

Resources

A dedicated content area creates opportunities for guides, checklists, workshops and educational resources.

07

Final Conversion

The closing call-to-action brings the journey back to the central promise of helping businesses move forward.

Visual Design

A premium coaching identity
built around balance.

The visual system combines sophisticated typography with approachable imagery.

Aa

Typography

Elegant serif typography for major headlines creates an editorial, premium character; clean sans-serif supports body copy, navigation and interface elements.

Colour

A deep green and warm neutral palette creates a sense of stability, growth and professionalism.

Imagery

Authentic coaching and business imagery helps make the experience feel personal rather than generic.

Cards & Components

Service cards, testimonials and resource blocks use restrained borders, soft backgrounds and consistent spacing to maintain visual rhythm.

Micro-interactions

Subtle hover states, transitions and interactive elements provide polish without distracting from the core content.

Figma Design

Designed in Figma.

The complete website experience was designed in Figma — page layouts, components, typography, spacing and responsive behaviour — around a modular structure that keeps the brand consistent across the site.

Development

Built as a custom
WordPress experience.

Once the Figma system was refined and approved, the design was translated into a custom WordPress website, preserving visual precision while staying flexible for future content updates.

  • Custom WordPress implementation
  • Figma-to-WordPress development
  • Responsive desktop, tablet and mobile layouts
  • Reusable content sections & custom service components
  • Interactive buttons and hover states
  • Performance-conscious, cross-browser frontend


Responsive Experience

Designed once.
Refined for every screen.

The website was designed and developed to maintain its visual hierarchy across different devices.

01

Desktop

Large editorial layouts provide room for imagery, messaging and conversion elements to work together.

02

Tablet

Content blocks adapt into a more compact structure while maintaining the original visual hierarchy.

03

Mobile

The experience becomes more focused, prioritising readable typography, accessible navigation and clear calls-to-action.

Results

A digital experience designed to move people forward.

The final website creates a stronger digital foundation for ElevatePath's coaching proposition.

01

Clearer Positioning

The website communicates the brand as a strategic coaching partner rather than simply another business coaching service.

02

Stronger Personal Connection

The coach's story, imagery and client experiences create a more human introduction to the brand.

03

Easier Service Discovery

Visitors can quickly understand the different coaching formats and identify the experience most relevant to their needs.

04

Structured Conversion Journey

The website guides visitors from discovery through trust-building and towards booking a consultation.

05

Scalable WordPress Foundation

New programs, resources, testimonials and content can be added without rebuilding the experience.

My Role

From Figma concept
to custom WordPress website.

As the Figma Designer & WordPress Developer, Ilmora Soft Labs managed the project from initial design through final implementation.

01

UX Planning

Structured the information architecture and user journey around the needs of entrepreneurs and business leaders.

02

Figma UI/UX Design

Designed the complete website experience in Figma, including layouts, components, typography, spacing and responsive behaviour.

03

Visual Design

Developed the visual direction around editorial typography, warm neutrals, deep green tones and authentic imagery.

04

Custom WordPress Development

Converted the approved Figma designs into a custom WordPress website with reusable, manageable content sections.

05

Responsive Development

Adapted the experience across desktop, tablet and mobile while maintaining the intended visual hierarchy.

06

Interaction Design

Implemented subtle hover effects, transitions and interactive states to add depth to the interface.

07

Performance & Refinement

Optimised the implementation, refined spacing and responsive behaviour, and carried out final testing before delivery.

08

Project Delivery

Managed the project from Figma design through custom WordPress development and final website delivery.

Key Learnings

What this project
reinforced.

Building ElevatePath sharpened how we think about trust, personality and transformation in coaching websites.

01

Coaching websites need personality — people don't only choose a coaching service, they choose the person they believe can help them move forward.

02

Transformation should be visible — showing the journey from clarity to strategy to action to growth makes the value of coaching easier to understand.

03

Trust is built progressively — the strongest conversion experience combines expertise, personal storytelling, process transparency and real client experiences.

04

Good design simplifies decisions — when services, programs and next steps are clearly structured, visitors can decide with less friction.

Ready to turn clarity into growth?

Let's build something
purposeful.

A strong coaching brand deserves a digital experience that communicates its expertise, personality and purpose. Ilmora Soft Labs transformed the ElevatePath concept into a refined, Figma-designed, custom WordPress experience built to support its next stage of growth.

Start a Project