Web Design – Squarespace
Adhoc Therapy
I redesigned Adhoc Therapy, an ADHD-focused mental health practice, into a minimal one-page Squarespace website. The goal was to simplify their message and guide visitors toward a single, clear call-to-action: Book a Session. The project aimed to balance a professional and trustworthy tone with a warm, creative energy that reflects the supportive nature of therapy.
Software: 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 process began with prompting in ChatGPT, where I structured the client’s goals and content into clear prompts that guided the early wireframe concepts. This step helped organize information, define priorities, and clarify the site’s overall messaging before moving into visual design.
Next, I transitioned to wireframing in Lovable, creating multiple layout variations to test different user flows and content hierarchies. These wireframes helped visualize how visitors would move through the page and ensured that the most important elements—such as service highlights and the booking call-to-action—stood out naturally.
After narrowing down the structure, I explored additional layout options using Relume.io. The platform provided visual and structural inspiration, helping refine the site’s balance between minimalism and engagement. By referencing proven patterns, I was able to create a design that felt both clean and conversion-focused.
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:
Design Process
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.