"Anatomy of Fencing" is a Flash interface designed for novice fencers and enthusiasts alike. To make the interface experiential, the navigation … Read More
"Anatomy of Fencing" is a Flash interface designed for novice fencers and enthusiasts alike. To make the interface experiential, the navigation is three-dimensional, starting with a wide view of the entire fencing arena and it’s parts, and zooming in section by section to explain moves, and ultimately the fencing gear. Motion graphics are used in zooming in/out transitions and to explain the moves, while imagery and descriptions portray all of the individual items.
The package design is constructed from printed canvas not too dissimilar to the canvas fencing protection is made from. Read Less
Opening page displays the fencing arena. The blue dots are buttons with hover and click functions.
Hovering over a blue dot highlights a particular item of the arena. Clicking on the same dot reveals an abridged description of said item.
When the user clicks on the "+" button in the global navigation, the camera seamlessly zooms in on the fencers to the second page, to explore fencing moves. Here the blue dots are still buttons with hover and click functions.
Hovering over a blue dot gives a quick glimpse of a particular move and the name. Imagery overlaps to give allow for a more experiential environment.
Clicking on a blue dot in the moves section plays a brief annotated motion graphic that shows each move in slow motion so the audience can really grasp how to perform said moves.
Clicking on the "+" button in the global navigation once again zooms the camera in on one of the fancers to focus on the fencing equipment.
Hovering over a blue dot highlights a piece of equipment, while clicking on the same dot reveals the name and brief description of the particular item.