Vocalocity Launches Phone Network Design Tool

Asterisq worked with interactive internet marketing agency, NeboWeb, to create a simple online tool for designing a phone system. The interface was launched as part of Vocalocity's website redesign—it's perfect for engaging their users with a fun, friendly little app.

With the help of Constellation Framework, visitors can instantly see the phone system they designed. Taking the interactivity even further, users can add and remove new locations and phone extensions, and can even take a screenshot to be printed out.

As the user makes changes to the number of extensions and features, the monthly price estimate is updated dynamically.

This particular custom implementation includes a few features that haven't been used before. One of these is an automatic zooming functionality. When locations and extensions are added so that the layout is too big for the screen, it automatically zooms out. If nodes are removed, it zooms in again.

Another new feature is the graph editing functionality. Most visualizations have been a relatively passive exploration of an existing dataset. However, the Vocalocity project provides an interface for quickly adding and removing nodes.

Finally, there's the functionality that's only doing its job if you don't notice it. Great care was taken to make sure the layout looks good as the user adds and removes nodes.

The interface can be seen on the Vocalocity website, you just need to make up numbers for a couple of questions.

• Try the phone network designer.