On this freelance project, I designed and built a custom Webflow website for Vennu, a healthcare company based in Turku, Finland. The project was part of a complete company rebrand, requiring a website that balanced visual appeal with functional healthcare-specific features.

Client Profile: Established healthcare provider with 10 employees, 8+ years in business, and 5,000+ patients served. Services include Chiropractic Care, Physiotherapy, Naprapathy, Osteopathy, and Massage Therapy.

Challenge & Objectives

The client faced several challenges that needed to be addressed:

1. Brand Transition: Implement a complete rebrand with new visual identity while maintaining existing customer trust
2. Content Management: Enable non-technical staff to update service information and practitioner details
3. Online Booking: Integrate a seamless appointment scheduling system
4. E-commerce Capability: Implement gift card purchasing functionality
5. Patient Education: Create an interactive tools and a comprehensive symptom database to help patients identify and communicate pain points

Technical Solution

Architecture & Development

I implemented a component-based architecture in Webflow that prioritized:

• Performance optimization: The experience must feel snappy on both desktop and mobile.
• Responsive design: The site needs to look and work great across all device sizes.
• Accessibility best practises: Especially important in healthcare field.
• SEO best practices: Structured data, semantic HTML, and optimized metadata
• Easy maintainability: With component-based architecture, the client can easily make site-wide by editing components.

Key Technical Features

1. Dynamic Content Management

Designed a comprehensive CMS structure with:

• Custom collections for practitioners, services, and testimonials
• Nested collections for service categories and specializations
• Reference fields for complex relationships between content types

2. Interactive Pain Map

Developed a custom JavaScript & JQuery solution that allows patients to:

• Identify pain points on an anatomical model
• Click any pain point and get more information about common symptoms
• Read more on pain point -specific pages.

// Sample code from the pain map implementation
// When users clicks any pain point, the site will fetch the details from the pain point page and display that to the user.
const bodyMap = document.querySelector('[data-content="bodyMap"]');
const buttons = bodyMap.querySelectorAll("[data-content]");
const template = document.querySelector("#map-template");
const link = document.querySelector("#link-template");

link.style.display = "none";

buttons.forEach((button) => {
  button.addEventListener("click", () => {
    const slug = button.getAttribute("data-slug");
    link.style.display = "flex";
    link.href = `https://www.vennu.fi/kipukohdat/${slug}`;

    template.style.opacity = 0;
    buttons.forEach((others) => {
      others.style.backgroundColor = "var(--_color---primary--lightgreen)";
    });
    button.style.backgroundColor = "var(--_color---secondary--pink)";

    $("#map-template").load(
      `https://www.vennu.fi/kipukohdat/${slug} #map-details`,
      function () {
        template.style.opacity = 1;
      },
    );
  });
});
};

3. Gift Card Integration

Implemented a seamless GiftUp integration featuring:

• Easy to use GiftUp dashboard for managing gift cards.
• Branded checkout experience embedded on the website.
• Email delivery system with custom templates.
• Purchase analytics dashboard for business insights.

Project Management

Managed all communication and expectations:

• Progress channel with client team.
• Collaborative design reviews in Figma.
• Documented technical decisions and rationale
• Created comprehensive training materials for content editors

Technical Stack

• Design: Figma, Adobe Creative Suite
• Development: Webflow, JavaScript (ES6+), JQuery, CSS, HTML
• CMS: Webflow Collections
• Integrations: GiftUp, Google Tag Manager, Google Analytics 4, Vello appointment scheduler
• Project Management: Trello

Conclusion

The Vennu project demonstrates my ability to deliver superb Webflow solutions. By understanding technical implementation details, I created a platform that serves both patients and practitioners effectively while providing a solid foundation for future growth.