I recently had the challenge of creating a responsive UI for booking a course.

The client wanted to avoid the need for users to select either a date or a venue first in a linear fashion.

Event cinemas did this really well, on a responsive site too!

Mobile

Event listing

1A-Event-Cinemas---Event-Listing

Event detail

2A-Event-Cinemas---Event-Detail

Find a venue

2B Event Cinemas - Event Detail Add Cinema

Book / Search

2C Event Cinemas - Event Detail Search Again

 

On Desktop

Event listing

1A-Event-Cinemas---Event-Listing

Event listing (alternative view)

1A-Event-Cinemas---Event-Listing---List-View

 

Event detail

 

2A-Event-Cinemas---Event-Detail

 

Find a venue

 

 

 

 

 

 

2B Event Cinemas - Event Detail Add Cinema