Proto.io -UI designer’s good friend

Blog post 1.2

Bibin Jaimon
2 min readJun 11, 2017

As a part of the internship we (the interns) need to create the prototype of our web app. There are lots of prototype making tool available in the internet. Hasura team recommended proto.io (Online prototype making tool) to the interns. It’s a pretty cool tool for design prototype of our app and can be share it easily to our friends. The internship follows a good order exactly how the industry works. The prototype have an important role in web designing, we got clear view about our web app after making the prototype. Which helps when we start coding for the UI design.

About Proto.io

An online prototype making tool which makes our life easier. We can easily design an attractive UI for our app. They provide some tutorials in the website which would helped to familiar with the tool.

My Prototype

I have designed a three screen app using proto.io, after that i got some extra confidence to build my app.

Login page

To view the prototype click here.

First screen

student’s home page

Students are the majority users of my app. The Home page for the students looks like that image as shown above. Students can view the updates from each college in India and filter them to view specific update related to their own interests. We can gave them department wise updates.

Second screen

College home page

Colleges are the resource makers of my app. They can view and publish update related to their own events that are conducted by college. These are the two features provided to user college.

Third screen

Events publishing screen

The third screen provides the events publishing facility of the users (college). Here, They can attach files or image related to the details of the event, add category, and description are provided in the last screen of my app.

--

--