Beetle Dissection

Development (vector illustration, design, JavaScript and JQuery programming) of an interactive scarab beetle (Mecynorrhina torquata) virtual dissection activity. This activity is fully functional on tablet and phone, and is compliant with W3 standards and best practices of web development.

The beetle dissection activity brings together photos, illustrations, and x-ray images to give the user the interactive experience of dissecting a scarab beetle. Tools allow user to select between a male or female beetle, zoom and move around the image, select different views (front, side, top, bottom), and slice away sections using the virtual scalpel tool to see the inner organs and anatomy of the beetle. Activating the "inspect" button allows user to click on highlighted areas of the beetle to learn more about the function of a specific part.

Part of an online article and activity about beetle anatomy, created for Arizona State University's Ask A Biologist.

Beetle dissection activity main introduction screen.
Beetle dissection activity main introduction screen.

Client Experiences

Sabine Deviche was our main artistic, creative and technical collaborator on this project. She helped conceptualize the site layout, developed the technical tools to make it work on all devices, and did a masterful artistic job with the drawings. She was critical to this site becoming the best interactive insect anatomy site yet available anywhere on the web, suitable for fun and learning for kindergartners to graduate students.