Home
>
Portfolio
>

Medicine House of Canada Interactive Web Portal

Medicine House of Canada portal shown in a desktop device mockup.
An experimental Webflow portal combining custom front-end interaction, CMS architecture, and a distinctive visual system for a multi-practitioner wellness community.

Project Overview

Context and purpose.

Medicine House of Canada brought several holistic practitioners together through services, events and editorial content. The organization wanted an owned digital platform with more control over brand expression, information architecture and content than third-party community tools such as Meetup could provide.

Objectives

What the project needed to achieve.

Create a distinctive, responsive Webflow experience that could support regularly changing content from multiple contributors. Balance an intentionally unconventional visual direction with clear navigation, maintainable CMS structures and front-end behaviour that remained usable across devices.

The Complexity

The problem, constraints and competing priorities.

The experience deliberately avoided conventional professional-services patterns. A password-protected retro entry experience referenced The Matrix, while the homepage used a central vortex and surrounding navigation to create a more exploratory atmosphere. The challenge was making that personality memorable without making the site difficult to navigate, maintain or update.

Medicine House of Canada animated homepage interface.
The three-dimensional homepage establishes a deliberately immersive entry point for the community's content and offerings.

My Role

My responsibilities, ownership and collaboration.

I owned the interaction and web design, built the experience in Webflow, and used custom HTML, CSS and JavaScript to support three-dimensional desktop interactions and bespoke geometric elements. I also structured the Blog and Offerings through CMS architecture so approved contributors could update content without rebuilding page layouts manually.

Animated central visual element from the Medicine House of Canada interface.
The custom animated centerpiece shows how motion and bespoke front-end elements extended the visual system beyond standard Webflow components.

The Pivotal Decision

The options, trade-offs and reasoning behind the key choice.

I separated the expressive front-end interaction from the underlying content model. The interface could remain unconventional and immersive, while the CMS beneath it stayed conventional and maintainable. That let the visual system experiment without forcing contributors to manage content through custom page construction.

The Outcome

What was delivered and the impact it made.

Medicine House of Canada gained an owned digital platform with substantially more control over presentation, content and interaction than its previous dependence on third-party community tools. The project demonstrates custom front-end implementation, interaction design and CMS thinking alongside my more recent enterprise product work.

Reflection & Next Steps

How this work shaped my product design approach.

This project reinforced the value of separating expressive interface choices from maintainable content systems. Distinctive interaction can add personality, but it still needs clear structure, accessible behaviour and a content model that non-developers can manage. If I revisited the work today, I would validate keyboard navigation, reduced-motion behaviour, mobile comprehension and CMS authoring efficiency before expanding the interaction system further.

Let's Connect!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.