The Virtual Body

View: thekaplancenter.com/the-virtual-body

The Virtual Body is an interactive graphical patient representation of 20+ medical procedures for a premier plastic surgeon in the NY and NJ area. All of the doctor’s services are featured through this easy-to-use “patient” — with both a whole-body overview and an up-close for the facial procedures.

I created a JSON feed of the procedures, including all aspects (title, content, images, sub-titles, links, etc.) of a given procedure, then a template to allow easy switching between the procedures. Using mapster.js on custom-made Adobe Illustrator face and body imagemaps, I provided a way for viewers to investigate specific procedures on a graphical interface.

Note: Mobile responsiveness was not considered.

Client

The Kaplan Center (X Factor Digital Marketing)

Year

2015

Responsibilities & Tools

WordPress, PHP, JavaScript, jQuery, JSON, mapster.js, HTML, CSS, Adobe Illustrator

  • The Virtual Body’s initial landing page.

  • The Virtual Body included a toggle between full body and facial procedures.

  • The Virtual Body’s face, showing a highlighted section with its accompanying tooltip.

  • The Virtual Body’s pop-up containing specific information about a given procedure.

Related Work