Design Change: Event RSVP Template

Last week we launched a new design for RSVPs in the Special Events calendar. The ability to create RSVPs has been open to the campus community for a while now so we thought it was time to examine the process again.

Problem with the old design

Most RSVPs that went through Special Events had their own complete look that took over the page and matched the print or e-mail campaign for the event. Recently that has not been the case and we noticed a lot of events going out with the plain linear template. The template wasn’t very scannable and was frankly confusing to users at times because the form was below the fold.

Benefits of the new design

The new design has many benefits over the old, if you would even call the old template “designed”. The new template has two columns, one for the event description and the other for the form. We found that most often the description and form length are about even which results in a balanced page. The layout of the form is about the same except we styled a few default elements like the first and last name fields to make the form a little shorter. Lastly we changed the submit button to be green and larger. This created an anchor for the eyes at the bottom of the page and a defined call to action.


There is no way to measure the success of the new design since the number of RSVPs that go out are variable and all have different audiences. Through a brief survey we have found that people using the new RSVP form find it more inviting and have a better overall experience.

Launch: University Events Calendar

You probably noticed just about everything on the events calendar has changed, the design, structure, images and navigation but rest assure we migrated all the events into the new site. And even through their URL’s are different the old links will forward to their new location.

After three months of development we are finally ready to show off the first release of the new events calendar. Not only is the front end completely changed but we re-wrote and optimized every piece of back end code. Below is a breakdown of what changes we made.

New Wayne State University Events Calendar

Completely new look

The old calendar didn’t really have a design, it was more of a list of events by day with every event having the same prominence. Classes at the Rec and Fitness Center looked exactly like a FOCIS event which brings in world renowned speakers. Scanning down the page you couldn’t determine which events were large scale. Not to mention we made it 200% faster.

Featured upcoming events

Featured Events

With the new look also comes the ability to feature upcoming events on the homepage. This means weeks and months ahead of time an event can be promoted visually to gain larger attendance.

Community events

Right now a work in progress but the new calendar allows for events that are pulled in from other sources to be promoted as “Community Events”. It could be an art show at MOCAD or a band playing around campus. The goal is to let students know is going on between or after classes.


Reminders and deadlines

These have been pulled out of the main event listing and pulled to the top of the page to ensure the most visual weight. They can be collapsed by clicking the X in the top right of the box. The goal is it remind students when important deadlines are coming up separate from the event listing so they don’t get lost.

Event Details

Individual event additions

We added quite a bit when it comes to individual events. The first is the ability to upload a photo to promote the event. From there we also allow uploading of images and video from the event. These photos and video will create a gallery and be featured on the calendar homepage. Not to mention if an event happens every year the photos from previous events can be linked to the next years event.

If a student is interested or is attending an event they now have the ability to mark right on the event page. In turn the event will show how many people are interested or attending. It will not show the users information to the public or the event admin so users don’t have to worry about privacy concerns. But the end user will be able to keep a list of events they are interested in or attending.

We created a more intuitive URL structure. Before an event URL looked like this: From that you have no idea what day the event is on or what it is about. The new structure looks like this: It shows the year, month and day of the event and part of the title. A user will know a little about the event before clicking on a link.


RSVP’s for everyone

For the past year we have been rolling out the RSVP system to a limited number of users around campus and now it is ready to go mainstream. Anyone who has access to create an event will now be able to create an RSVP for that event. The RSVP can be fully customized with fields, order, examples, thank you information, limits and waiting lists. For the time being each RSVP will need to be submitted for approval before they go live, this will not only help us ensure the system is working correctly but also refine the calendar as we see trends. In the next few days we will be releasing screencasts to walk everyone through the system.

Calendar categorization

Instead of a drop down with the full list of ~160 calendars we have begun separating the calendars into categories. For example in addition to the Main Calendar we also have a list of the Schools & Colleges, Administrative, Departments, etc. This list is still a work in progress and we will continue to refine it each day.

Mini navigation calendar now functions as it should

On the old calendar navigating between days, weeks and months was cumbersome so we refined the top left calendar area to work as it should. It now includes previous/next month days for the first and last weeks. It also remembers where you were at as you move through pages and is over all easier to select date ranges.

Streamlined adding/editing events

The add an event form has been completely redone. The page is now split into sections, What, Where, Who and When. This will make is easier for both a first time user and seasoned veteran to add events with ease. In addition to the page structure change we also changed how you select multiple calendars. Before it was a clumsy multi-select box that forced the user to ctrl+click every calendar, you let us know how big of a pain this was, so we changed it to a simple checkbox of the calendars you have access to.

An overview of your events page

Most users who enter events enter more than one. Now when you login you are presented with an overview screen that in one glance show you “Your Recently Added Events”, “RSVPs”, “Images” and “Videos”. This way you can quickly edit something you were recently working on. We are planning to expand this page to also include statistics about your events or calendars.

Next steps

This is just the first phase in a larger plan to integrate events and event promotion throughout campus both online and on screens. The old calendar served its purpose but now students, faculty, staff and alumni are demanding more and we plan to deliver. Over the next few weeks we will be analyzing statistics on how the categories are being used and plan to make other modifications on the fly.

View the new calendar at: