Prototyper

It's been a long time and I stop working on this material.

App Dashboard

The aim of the project was to automate the process of presenting an interactive prototype by integrating it into a site that showed all its features for the purpose of understanding not only technical for developers but also navigation for the end customer.

This is a project that was part of a historical period in which prototyping had not yet been widespread in the world of Design and which therefore positioned itself as an innovative tool. I later developed advanced prototypes. Conceived and produced a custom iphone prototyper (version 1.0) in order to let customers get an app overview at a glance, way over different from a static wireframe interaction model. The idea was to build layout and assets, developing the front/back-end from scratch (based on my custom file-based-CMS), around an intersting framework Framer in order to let either user profiles and administrator profiles manage the main Ui settings such as Fonts, Colors, Project Description, Tools and Metrics.

User Interface Design

The product required a heuristic evaluation exercise based on my experience with prototyping. The Interface Design was minimal to give space to the main content, the prototype and the Style Guide. Inside the latter, it was necessary to distribute a series of information and attributes that could be navigated by means of Tab buttons

I've been watching the prototyping tools evolving since 2009. Long time, no talk. Check out my post on wireframe 'n' prototype tools to get a better insight into them

Mockup
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot

Front End Development

The code production was developed with a view to a canvas and wrapped around the prototype for desktop use only. The Style Guide and the prototype have been designed to communicate together according to the selected attributes; in this sense the protototype could be promptly explained in all its parts. The access to Prototyper has been wired according to the profile, guest, visitor and administrator

You can navigate a demo version of this product. Login with these credntials

  • admin username:admin, password: a_pwd
  • guest username:user, password: u_pwd
Screenshoot
Coding
Coding
Coding
Coding
Coding
Coding
Coding