Prototype Prototypes Viewer

UI/UX Axure RP Prototype Viewer

How could I build a web-based solution to view all the prototypes generated through Axure RP that is easy to use and understand and reduce the number of URLs so individuals can have a single point of entry?

Insight

Axure RP 7-8 had become a significant organization issue to keep up with version work and organize ongoing projects. Additionally, providing a simple solution for executives, stakeholders, and development teams has become necessary to continue working with this product. URLs are not user-friendly from Axure. I needed a solution to organize better and provide a central location for individuals to access current and past projects and the information created within them.

Concept

So I sought to create a universal landing point for all users to locate and identify prototypes in current projects and a historical look at iterations. This concept could allow the end user to identify and provide the information found in these prototypes more effectively.

Axure RP8 view of Prototype viewer being built
Preview of Axure RP8 prototype viewer showing display cards of brands with prototypes and workflows associated
Preview of Axure RP8 Prototype viewer Typography and Font Scale
Preview of Axure RP8 Prototype viewer code created for interactions
Image of Preview Axure RP8 prototype view in beta
Preview of Axure RP8 Prototype viewer for brand with current views
Preview of Axure RP8 Prototype viewer Padding and Margin settings
Preview of Axure RP8 Prototype viewer code for dynamic branding and content display for date updates

Solution

I use a data-driven approach and Axure RP itself to produce a Prototype Prototypes Viewer. Building off the knowledge of Axure RP conditional logic and leveraging the cloud-based storage, I designed a web-based solution to create an interactive storage solution for the vast array of prototypes.

Click through the Prototype Prototype Viewer here: http://191ua1.axshare.com.

Final view of Prototype Viewer
Prototype viewer showing all brands associated to projects
Prototype viewer showing focus on dropdown
Prototype viewer showing the updated UI and caution message this is still under construction
Prototype viewer showing current projects for brand and dropdown to select other brand for viewing
Prototype viewer showing Concept Tab displayed
Search