Arts Events Calendar

Making it easier to find Arts & Culture events around UMBC’s campus, and promoting the Arts+ Initiative with informational landing pages.

Responsive UI/UX Design, Product Testing, Component Variations

Use arrow keys to navigate, hit R to return to start.

Summary

As part of UMBC’s Arts+ initiative to promote campus arts and culture events, I led the design process to implement a new arts events calendar.

This calendar is mobile-responsive, and meets ADA compliance.

Alongside the calendar, I also built a set of landing pages to promote the Arts+ initiative.

My Roles & Responsibilities

  • Gather insights from arts marketing director

  • Own the design process from start to finish, delivering development-ready high-fidelity mockups that meet existing brand guidelines

  • Collaborate with front-end developers to build and test components

  • Design events card components for use on landing pages (and design landing pages)

Audience

  • UMBC Students, Staff, Faculty, and Alumni

  • Baltimore-area community members

  • Anyone attending an arts event at UMBC

Design Solutions

  • Sort events into 7 distinct categories

  • Filter events by day, week, and month

  • Differentiate between event categories, event themes, and event type (ongoing or one-time)

  • Create card-display to place events on pages outside of the arts calendar website

Events Categories & Calendar Displays

Home - All Events Selected by Default

Category Selected - Filtered by Week

Specific Day Selected - No Events to Display

Event Info Page - Ongoing Event

Event Info Page - Single Day Event

Category Selected - Filtered by Month

Mobile Displays & Events Card Displays

Alongside designing the Arts Events Calendar, I worked on a corresponding informational website to promote arts events.

The events card displays allowed featuring of specific events by tag or category on specific pages.

Planning & Wireframes

Testing on Arts+ Homepage