Rich User Experience Event Calendar

Tasks:

Interaction Designer, Front End Developer

The calendars in this project are actually a part of another large project that I recently worked on, but I decided to separate out the specifics here since the entire part could be considered a smaller project in its entirety.

A user is given a choice of three different views to choose – daily, weekly and monthly. The daily calendar automatically scrolls down to the current time of the day, reducing the burden on the user to scroll down. The weekly calendar shows the 7 day of the week and it automatically opens up to the current day as well.

All the calendars support a rich set of metadata such as the event title, beginning and ending times, contact names, URL and description. An edit link is also easily accessible within the event metadata. As all events can be categorized into different sets, a clickable legend is on every calendar page. The legend acts as a filter to narrow down selected event type.