Redesign ADHD Therapy Website
Responsive Web Design - Landing page
Adhoc Therapy supports people with ADHD, but their original site buried a clear path to getting help. I redesigned their presence into a calm, minimal one-page experience, then added a free booking consultation landing page to gently guide visitors toward one core action: Book a Session. By reshaping the narrative of the page, the practice saw clearer engagement with their story, a 21% month-over-month rise in unique visitors, 32% more page views, and a 6% less bounce rate.
INDUSTRY
Mental Health
ROLE
Branding, UI/UX Design, Web Design/Dev
TOOLS:
Figma | Squarespace
Design Problem
Project Objectives:
The goal of this project was to transform a multi-page ADHD therapy website into a streamlined one-page experience that feels modern, approachable, and easy to navigate. The redesign focuses on clearly communicating the practice’s three main services — ADHD therapy, coaching, and medication management — without overwhelming visitors. Maintaining the original brand identity was essential, so the refreshed design preserved the client’s colors, typography, and logo while introducing a cleaner layout and improved readability. The user journey centers on a single, clear call-to-action: “Book a Session,” supported by thoughtful spacing, intuitive hierarchy, and consistent styling. The site is fully accessible, mobile responsive, and SEO-optimized with U.S.-based ADHD therapy keywords to enhance search visibility and performance.
The result should be a streamlined, SEO-friendly, and fully responsive one-page site that delivers clarity, accessibility, and visual harmony while maintaining the client’s brand integrity. The final website not only simplifies navigation but also strengthens user trust and engagement through an intuitive structure and cohesive design language.
Background Research:
The client shared several reference websites, including Klarity Health, DesignJoy, and Legency Webflow. These examples helped define the visual and strategic direction for the redesign — a look and feel that is clean, confident, and conversion-focused.
To begin the process, I carefully analyzed each section of the original site to determine which elements were essential to retain and which could be simplified or restructured. This evaluation allowed me to refine the content hierarchy, improve the overall flow, and create a more intuitive user experience that guides visitors naturally toward the primary goal: booking a session.
I identified the key sections most relevant to his current business and presented my strategy for redesigning the one-page website.
Design Process
1. Initiated Concept Exploration with AI Tools
The goal of this project was to transform a multi-page ADHD therapy website into a streamlined one-page experience that feels modern, approachable, and easy to navigate. The redesign focuses on clearly communicating the practice’s three main services — ADHD therapy, coaching, and medication management — without overwhelming visitors. Maintaining the original brand identity was essential, so the refreshed design preserved the client’s colors, typography, and logo while introducing a cleaner layout and improved readability. The user journey centers on a single, clear call-to-action: “Book a Session,” supported by thoughtful spacing, intuitive hierarchy, and consistent styling. The site is fully accessible, mobile responsive, and SEO-optimized with U.S.-based ADHD therapy keywords to enhance search visibility and performance.
The result should be a streamlined, SEO-friendly, and fully responsive one-page site that delivers clarity, accessibility, and visual harmony while maintaining the client’s brand integrity. The final website not only simplifies navigation but also strengthens user trust and engagement through an intuitive structure and cohesive design language.
Old site analysis:
2. Design in Figma
Once the direction was finalized, I moved into high-fidelity mockups in Figma. This stage focused on blending simplicity with warmth, ensuring every visual element—from typography to spacing—aligned with the brand’s tone and enhanced readability. The design emphasized modern aesthetics while keeping a friendly, approachable feel suited to a therapy practice.
Iteration round 1:
I provided two design directions: one with an art-focused concept featuring related imagery in each section, and another following a clean, minimal corporate style.
Iteration round 2:
- Version 1 – Minimal & Professional: Clean and corporate design. The client appreciated the structure and scalability but wanted more creativity.
- Version 2 – Creative & Playful: Introduced flowing backgrounds and soft visuals. The client loved the energy but found it too complex for Squarespace.
- Version 3 – Hybrid (Final): Combined the professionalism of v1 with the creativity of v2. Included both desktop and mobile versions for full clarity — this became the approved direction.
Final Version - Included both desktop and mobile responsive designs, while also taking into account the limitations and customization capabilities of the Squarespace platform.
3. Development in Squarespace
Finally, the project entered Squarespace development, where I implemented the approved design into a fully responsive one-page site. The build included SEO-optimized structure, anchored navigation for smooth scrolling, and a cohesive visual flow across all devices. The result was a polished and user-centered website that feels modern, trustworthy, and easy to navigate.
The design phase began with defining a consistent color palette and typography hierarchy to create visual harmony and strengthen brand recognition. Every element—from headings to buttons—was aligned to ensure clarity and balance across the layout.
To enhance interactivity, I added custom CSS using Squarespace ID Finder, introducing subtle hover effects and smooth transitions that bring the interface to life without overwhelming users. These small animations added polish and made the experience feel more dynamic.
Design Process
Desktop Homepage:
Desktop Contact Non-scroll Page with PipeDrive booking form embeded:
Individual Therapist Non-scroll Page:
Outcome
The redesigned Adhoc Therapy site is modern, minimal, and emotionally approachable. It strengthens the client’s credibility, improves usability, and focuses the user journey toward booking a session. The client was especially pleased with the visual execution and the AI-generated illustration that brings warmth to the contact section.
The final result delivers a cohesive online presence that reflects Adhoc Therapy’s mission — supportive, trustworthy, and clear.