Prototype with proto.io

Proto.io is easy yet powerful enough to create high-fidelity prototypes in minutes. Having a wire-frame constructed before the development is crucial because it gives a prospective of the development and over view of tools needed for construction of the app.

Home Screen

The Home screen is made very user friendly. Direct link to the registration and sign in is provided upper right corner and the menu button beside it.The search bar is in the middle with the logo of the webapp.

Advocate Screen

It contains list of advocates in rows. Each row of the table contains description of the advocate with a small profile picture. There are a couple of buttons are available which are for viewing details about the advocate and requesting contact to the advocate. This screen is accessible by any user .

Case Screen

It contains list of cases in a row format. Each row of the table contains description of the case . Every row contains two buttons one to view details of the user and other to send contact request. This screen is accessible by the user with advocate privilege .