Spirent Velocity

Web application for managing virtual test hardware connections for network tests

Spirent had approached Mapleton Hill Media with the task of designing a new web app that would allow users to create new network tests, manage virtual test hardware connections, and play those network test sets. Originally existing as three separate apps, the main goal was to seamlessly mesh the interactions of each app into one interface that allowed the user to easily perform all of these actions with a single tool. I was responsible for creating high fidelity wireframes for each page of the app, as well as designing full UI mockups and styleguide to pass over to the development team.

Involvement
UX Design
UI Design

Client
Spirent

Date
Nov 2014 - May 2015

Credits
Mapleton Hill Media Dev Team

mockup2mockup2
High Fidelity Wireframes

Due to the complexity of the app, high fidelity wireframes were created using Axure to demonstrate how these complex interactions would work on each page.  The clickable wireframes were able to be passed over to the client so that they could click through the pages themselves and provide quick feedback.

WireScreen1WireScreen1
WireScreen2WireScreen2
WireScreen3WireScreen3
UI Design

All three of the previously separated apps held their own very unique UI styling. To deliver the seamless feel of the app, a new streamlined UI was designed to help the user easily navigate the various interactions throughout the app.

UIScreen1UIScreen1
UIScreen2UIScreen2
UIScreen3UIScreen3
mockupmockup