banner1.jpg

Events Calendar

A portal that addresses event-related needs in college

Events Calendar

A portal that addresses event-related needs in college

Overview

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.

 Overview

Problem space

 Problem space
 

Process

1. Strategy

User needs

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 needs in a nutshell

User needs in a nutshell

2. Scope

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. Prototype

3.1 Paper Prototype

I sketched a paper prototype of the portal to conceptualize the UI.

 Paper prototype

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.

  Screens from the final design

Screens from the final design

Check out the interactive prototype yourself by clicking the button below!

NOTE - For the sake of presentation, I've used the interactive prototype.

 

Outcome

 Outcome, next steps