Interactive Reflexology Chart

This project was initiated in response to a client’s request to explore converting their existing print-based learning materials into an interactive digital format.

The client’s primary requirement was to make certain image-linked content and filtering options editable after deployment. To address this, I designed an architecture that integrates with the client’s existing CMS, allowing the main content and filter criteria to be managed through custom post types and custom fields.

Since the client did not have a concrete vision of the final product, I first built a prototype to illustrate potential UI and functionality, which helped refine the scope through discussion. The final deliverable was a browser-based single-page application featuring bidirectional interaction between image areas and labels, filter-based view switching, and responsive layouts.

While the demo was well received, the client decided to further evaluate the business implications before moving forward with full-scale implementation. My involvement concluded with the delivery of both a GitHub repository and a standalone static viewer version for browser access.

Due to the use of client-owned illustrations, the demo application and source code are not publicly available.
As this is an interactive application with a UI that heavily relies on those illustrations, screenshots cannot be shared, and some feature descriptions have been omitted as they would be difficult to explain without visuals.