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.
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.
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.