So I'm making a section of a web page for an "event management" system. The system works as follows:

  • The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX call to search the DB.
  • The event dropdown contains a list of all the event types. Once you click one it populates the "event information" subbox with information about the event such as it's name, duration, and description.
  • When you click on a day in the calendar a list of all available time slots will be displayed for that day.
  • Once you click a timeslot I'm thinking a modal will appear if you "Really want to schedule Joe Bob for the Cat event at Sunday 12/26/2015 9:00 PM?"

Here's an example of the layout I made thusfar. The entire thing just looks too "busy" and "off" for me and I can't wrap my head around why. Any ideas or suggestions?

This is the entire page with a navbar on top. It's all pretty simple.

enter image description here

A mockup of my HTML\CSS\Bootstrap can be found at http://www.bootply.com/WSjk7WKyaf

  • 1
    It doesn't look that busy to me. To improve it I would hide the calendar until a user clicks an input field or clicks a button like this one found here (Datepicker-popup) angular-ui.github.io/bootstrap Commented Dec 23, 2015 at 22:27

1 Answer 1


Looks like your event management system is a Calendar application with fixed list of event types and fixed (or single) invitees. So, you may consider to let the user schedule the event right from a Calendar view, like in Google or Outlook Calendar. See for example, how Google let you create an event straight from the Calendar view:

Google Calendar event creation

In your case you can switch 'What:' with 'Event:' and add another line for the Organizer Email. Event details can be presented in a foldout panel which is closed by default. If one wants to see it, he will open it. we can assume advanced users would like to keep it closed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.