Screenshots and Examples

In this example, we'll start by creating a new page in EasyPrototype using a new blank picture as a background:

EasyPrototype integrates with your favorite paint or drawing program to edit pictures.  Here we'll use MS Paint to layout a simple login page by clicking the Launch Editor button.

Next, we want to make the Login button clickable, so we'll add a page tag by clicking the Add Tags icon and dragging an outline around the button area.  We'll add a few more pages first, then link the tag to the main contact page by setting it's Destination Page.

Here we add a few other tags and set their descriptions so that they will display popup descriptions when our users hover over them.  Note that tags can be transparent, small numbered boxes, or custom images that you supply.

Next we do a quick preview to test our prototype.  This will launch a Web brower (configurable in the preferences).

Finally we publish with one click to generate a final, optimized version of the HTML prototype.  We'll also automatically create a Word specification that describes each page and its important elements.