Responsive Case Study | Park Designs

Responsive Website Update

Project Overview

Healing with Bodywork’s website needed more than a facelift—it needed to reflect the expert, therapeutic care Sharalee provides. Outdated and difficult to navigate, it lacked the warmth, professionalism, and ease her clients expect. This redesign created a seamless, calming experience that simplifies booking, highlights specialized therapies, and brings the practice’s commitment to healing into the digital space.

The Design Process

This redesign wasn’t just about modernizing the site—it was about crafting a digital experience that mirrors Sharalee’s hands-on, healing-focused approach. Every design decision prioritized accessibility, ease of use, and a sense of calm.

User Research: Analyzed competitor websites and gathered user insights to identify frustrations with booking, navigation, and unclear service information.
User Flows & Wireframes: Structured the site for easy exploration, ensuring key details like services and scheduling were intuitive and accessible. Early sketches laid the foundation for a clean, calming layout.
Accessibility & Mobile Optimization: Designed a fully responsive site with improved readability, contrast, and intuitive touch-friendly interactions.
Iterative Refinement: User feedback shaped critical adjustments, such as restructuring service descriptions and streamlining the booking flow for efficiency.
Visual Identity: Developed a cohesive design system featuring a refined color palette, clean typography, and calming imagery to enhance trust and professionalism.

By focusing on usability, accessibility, and a seamless client journey, this redesign transformed Healing with Bodywork’s website into a digital extension of the practice—welcoming, intuitive, and built to support long-term wellness.

Original Site

Outdated & Cluttered: Text-heavy layout, basic menus, and outdated photos failed to reflect Sharalee’s professional, calming practice.
Not Mobile-Friendly: Poor responsiveness made navigation frustrating, especially on mobile, limiting access to key information and bookings.
Difficult to Navigate: Services, pricing, and booking details were buried in dense text, making it difficult for clients to quickly find what they needed.
Lacking Key Features: No online booking, limited service details, and an overall disconnect from Sharalee’s hands-on care.

1/4

Competitive Analysis

Specialized Services: Unlike franchises or multi-service studios, Sharalee focuses solely on Rolfing and Craniosacral therapy.
Limited Marketing: Healing with Bodywork depends on word-of-mouth and doctor referrals rather than traditional advertising.
Growth Potential: Strengthening brand presence through community engagement can attract more clients.
Competitive Edge: Expertise in niche therapies offers a unique value that broader massage services lack.

1/3

User Personas

Key Personas: Jack, a business owner; Mia, a florist; and Sammy, a boat captain—all require targeted therapy for pain caused by physically demanding work.
Real-World Insights: These personas were developed using Sharalee’s firsthand experience with clients, ensuring they accurately reflect common needs and challenges.
Tailored Solutions: Prioritized chronic pain relief, flexible scheduling, and specialized therapies to align with the way clients seek treatment.
Guiding the Design: These personas influenced accessibility improvements, clear service descriptions, and a simplified booking experience to better serve Healing with Bodywork’s audience.

Persona profile - Mia

Persona profile - Jack

Persona profile - Sammy

Persona profile - Mia

1/3

Affinity Mapping

Key Themes: Identified user priorities around booking ease, therapist selection, and service expectations.
User Motivations: Clients sought massage for stress relief, recovery, and wellness, often relying on recommendations or online searches.
Pain Points: Complicated booking systems and unclear service details made scheduling frustrating.
Design Impact: Led to a simplified booking flow, detailed therapist profiles, and clearer service descriptions to enhance accessibility and user experience.

1/2

Goals

Business Goals: Focused on increasing online traffic, improving mobile usability, and strengthening brand trust through testimonials.
User Goals: Prioritized easy navigation, quick booking, and clear service details for a seamless client experience.
Common Goals: Building trust and long-term relationships by creating a calming, professional, and accessible platform.
Strategic Impact: This redesign balances business growth with potential client needs, ensuring a user-friendly site that reflects Sharalee’s expertise.

1/3

User Flows

Building on the Site Structure: Created clear pathways for booking, exploring services, and managing appointments to ensure a smooth user experience.
Creating Seamless Paths: Users can easily select a therapy, enter payment details, and receive a confirmation.
User Insights in Focus: Service descriptions were structured to guide users toward informed booking decisions without overwhelming them.
Iterative Refinement: Removed the login step after testing, simplifying the process for clients referred by word-of-mouth or doctors.

1/3

Low-Fidelity
Wire Frames

Concept Development: Sketched initial layouts for the homepage, services page, and booking page, ensuring a logical content structure.
Responsive First Approach: Focused on translating elements seamlessly between desktop and mobile for a consistent user experience.
Architectural Inspiration: Inspired by Chicago’s structured layouts, incorporating clean lines and balance.
Foundation for Prototypes: These wireframes set the stage for high-fidelity designs, prioritizing accessibility and ease of navigation.

1/4

Logo Redesign

Modernizing the Brand: The original logo featured a simple figure reaching upward. The redesign built on this concept, creating a more refined and meaningful representation of Healing with Bodywork.
Iterative Process: Using AI-powered tools like Recraft, I experimented with different elements—water drops, floral outlines, and human figures—refining the design through trial and error with Sharalee’s feedback.
Symbolic Elements: The logo that made the final cut retains the reaching figure while adding a sense of flow. It is balanced with a moving energy for tranquility, and gentle curves to reinforce a calming, fluid aesthetic.
Cohesive Identity: Integrated the new color palette of soothing teals and muted blues, ensuring the logo aligns with the updated website and Healing with Bodywork’s commitment to long-term wellness.

Style Tile

Refined Branding: Transformed the original bold color palette into a more calming, professional aesthetic that aligns with Healing with Bodywork’s therapeutic focus.
Typography Choice: Nunito was selected for its rounded, modern design—balancing professionalism with approachability while ensuring readability across all devices.
Color Palette: A soothing teal as the primary color promotes calm and trust, complemented by muted blues for depth and neutral tones for balance and contrast.
Design Framework: Inspired by Pensacola’s emerald coast, the updated style tile creates a cohesive visual identity that enhances usability and reinforces a sense of relaxation.

Hifi Prototyping

Working Within Constraints: Wix was chosen for its affordability and flexibility, requiring a design that balanced platform limitations with Sharalee’s goals.
Early Draft Insights: The initial Figma prototype revealed areas for improvement, including overuse of teal, cramped layouts, and an oversized footer with a misplaced contact form.
Refining the Design: Adjustments focused on balancing colors, improving spacing, and restructuring the footer to enhance usability and readability.
Final Adjustments: User feedback guided refinements, ensuring the design felt calming, professional, and aligned with Healing with Bodywork’s therapeutic mission.

Final Design

Refining the final design of Healing with Bodywork’s website was about creating a seamless, calming experience that aligned with Sharalee’s practice. Every adjustment, from layout tweaks to accessibility improvements, was shaped by user feedback. The result is a site that not only looks professional but also simplifies booking and enhances client engagement.

Streamlined Content: Service descriptions were moved to a dedicated page with collapsible sections, making information easier to scan without overwhelming users.
Stronger Visual Cues: Buttons and links now feature distinct colors, hover effects, and intuitive icons, ensuring interactions are clear and engaging.
Accessibility Improvements: Increased text size, larger touch targets, and consistent spacing make navigation smoother, especially on mobile.
Optimized Layout: A card-based format for service details and a reorganized homepage ensure booking actions remain easily accessible above the fold.

Conclusion

Leading with Empathy: Understanding both user frustrations and Sharalee’s business needs was crucial. Prioritizing a stress-free booking experience and accessible service information ensured the redesign aligned with both client expectations and her practice’s values.
Iterative Design: User feedback revealed pain points like cluttered layouts and confusing navigation, leading to refinements that made the site clearer, more engaging, and easier to use.
Balancing Creativity and Constraints: Working within Wix’s limitations required problem-solving to maintain design quality while respecting platform restrictions and budget considerations.
Scalability and Accessibility: My first fully responsive project reinforced the importance of designing for consistency across devices, ensuring a seamless experience for all users.

This project reinforced the value of empathy, iteration, and adaptability in UX design. By refining Healing with Bodywork’s online presence, I transformed an outdated website into a calming, functional, and professional platform that better serves both Sharalee and her clients. The experience strengthened my ability to balance user needs with business goals, a lesson that will shape my approach to future projects.

See what I've been up to