Wellness
Lead Gen
Landing Page
JitsuJoin project screenshot showing analytics and dashboard UI

Udo Breathwork

Udo Breathwork

A clean, user-centric website for a breathwork practitioner. Udo Breathwork wanted to attract new clients and reflect the tranquillity of their practice. I redesigned their landing page using soothing colours, clear typography and purposeful white space. The live site now looks professional and invites prospective clients to book sessions.

Wellness / personal practice
Standard
2024
01 // 08

02 // The Challenge

The Challenge

Wellness site redesigned for focus and calm

  • Outdated design: The existing site felt clinical and failed to reflect the healing nature of breathwork.
  • Clarity of services: Visitors couldn't easily understand which session type was right for them.
  • Performance: Slow load times undermined the calm experience the brand was trying to project.
  • Lead capture: No clear CTA path guided interested visitors towards booking a session.

Cluttered Presentation

The core philosophy of the brand was lost in too much text.

Unoptimized Lead Path

Booking a session required too many clicks and redirects.

Lack of Trust Elements

There was no clear visual authority established for the practitioner.

Poor Mobile Experience

The site felt broken on mobile, where most users were browsing.

02 // 08

04 // The Process

Execution & Strategy

The work centered on clarifying the service story and delivering a cleaner Webflow experience.

01

Project discovery

Aligned on core business goals and target audience needs.

  • Research & brand definition: Studied wellness websites and defined an accessible visual style.
  • Figma redesign: Produced a calming colour palette and refined typography.
  • Webflow implementation: Built the responsive page and contact form.
  • Launch & fine tuning: Collaborated with the practitioner to update copy and images after launch.
Days 1-2
02

Information architecture

Designed a scalable structure for future growth.

  • Creating user flow diagrams and wireframes
  • Developing the visual identity and UI design system
  • Prototyping key interactions and animations
  • Client feedback loops and final design approval
Day 3
03

Lack of Trust Elements

There was no clear visual authority established for the practitioner.

  • Setting up scalable Webflow project architecture
  • Building responsive, accessible HTML/CSS structures
  • Integrating custom JavaScript and CMS collections
  • Implementing SEO best practices natively
Day 4
04

Webflow implementation

Developed a custom, CMS-driven website.

  • Cross-browser and multi-device responsive testing
  • Performance optimization and speed auditing
  • CMS content population and dummy data checks
  • Accessibility compliance verification
Days 5-8
05

Quality assurance

Building a performant, responsive website with clean code.

  • Domain configuration and SSL setup
  • Final client walkthrough and CMS training
  • Go-live deployment and post-launch monitoring
  • Handover of assets and documentation
Days 9-10
04 // 08

05 // The Impact

Results & Outcomes

  • The site presents a professional, calming presence that aligns with the practitioner’s values. It has been launched on the client’s domain, attracting new leads organically and through word-of-mouth.

Strategic Iterations & Business Impact

Decluttered Presentation

A Zen-like layout ensures the core philosophy shines.

Fluid Booking Path

Users transition smoothly from learning to scheduling.

Visual Authority

The practitioner is positioned as a trusted market leader.

Mobile-First Wellness

The layout feels perfectly rhythmic on any phone screen.

The result after

Measurable movement across the metrics that mattered.

Zen-Minimal Visual Hierarchy

Embedded Calendly widget enables session booking in under 30 seconds without leaving the page.

Calendly-Integrated Booking

Embedded Calendly widget enables session booking in under 30 seconds without leaving the page.

Professional Photography

Custom environmental photography positions the practitioner as a credible premium wellness expert.

Mobile-Optimised Booking Path

Calendly resized for mobile UX — 65% of bookings now happen directly from a smartphone.

Calmer

Visual Tone

Design system reflects the calm, healing tone of breathwork practice.

Clearer

Programme Clarity

Breathwork sessions and benefits explained simply and compellingly.

Stronger

Lead Capture

CTA placement and form design improved to collect qualified leads.

Cleaner

Mobile Flow

Responsive layout ensures a distraction-free experience on mobile.

05 // 08

06 // Technology

Tech Stack

The stack stayed practical: the right tools to make the site editable, measurable and scalable without unnecessary complexity.

W

Webflow

Platform

F

Figma

Design

Performance

Optimized images, restrained scripts and semantic structure keep the experience fast and resilient.

SEO & Accessibility

Semantic HTML, readable contrast, alt text and clean page structure make the site easier to index and easier to use.

06 // 08

07 // Next Steps

Ready to Transform Your Website?

Let’s talk through your current bottlenecks and the fastest path to a sharper Webflow experience. Available now, remote-friendly, and focused on outcome-driven builds.

Available now · from $25/hr · Remote-friendly
08 // 08