A portal that addresses event-related needs in college
Events calendar is a portal that serves the needs related to events happening in college. Its main functionality includes viewing upcoming events and their details. Also scheduling and approving events as well as generating reports for them. Access to functionality is provided based on the user type. My role was to understand the user needs and finalize the functional requirements. Also to design and develop the user interface of the portal.
Having been a student and an event organizer* myself, I had some insight into their needs. I interviewed my project manager to understand the needs of an admin (as he himself would serve as one).
*During my junior year, I was the Chairperson of Computer Society of India’s branch in my college.
User flow diagrams
I finalized the functional requirements to map the steps a user would have to take to reach a goal. I did that by making user flow diagrams.
3.1 Paper Prototype
I sketched a paper prototype of the portal to conceptualize the UI.
3.2 Working Prototype
To set up a working prototype, I coded the front-end in Brackets. I used the Material UI framework based on Google Material Design. Screens from the final design have been shown below.
NOTE - On the Dashboard, Reports tab is only visible to admins. In the Approvals tab, organizers can check the status of their approvals. The option to approve an event is only visible to admins. Events and Account (details not shown) tabs are visible to all users.
Check out the interactive prototype yourself by clicking the button below!
NOTE - For the sake of presentation, I've used the interactive prototype.