WUSTL Directory
WU Pops Orchestra
WUSTL Courses
WUSTL Directory
WU Pops Orchestra
WUSTL Courses
When up to twenty results are returned, limited information is returned for each user. Expanding a user makes a separate AJAX call to the server to return more information about the person. When more than twenty results are returned (up to a maximum), only the names are returned. This helps prevent the use of the site for spam purposes.
When five or fewer results are returned, the full data is returned and displayed for each person. Most searches are done for individuals, so this reduces the need for additional clicks in that process.
The site features both a simple and advanced search capability, which includes a number of additonal fields. The department field has auto-complete functionality, and the classification field lets you specify Student, Employee, or Non-Employee. I aimed for a clear and clean look for the page.
For the main page design, I was inspired by looking at the sites of professional orchestras, and wanted to emulate that clean and professional look. I added a rotating banner, editable by the group, to show off the many different sides of the orchestra.
The lower part of the main page features a number of content sections, including latest updates and a calendar feature. Vibrant links are available to the social media sites associated with the orchestra. The footer includes a mini version of the menu, plus links to some sponsors.
Internal pages have large header images, plus subnavigation links, above the content. Each section of the site features a different header image.
Students can mark courses as "Favorites", and the application also keeps track of the most recent courses visited. Users do not have to dig through to find the exact course when they are browing later. The screenshot on the right (from an old version of the app, with the previous name) shows the extent of resources the University provided to help with the project.
An iPad version was released in late 2011; it had a modified Course Details page to better take advantage of the iPad's additional size. Students can select different courses to view, and can check on schedule, enrollment, and exam data from this screen.
WUSTL Courses was designed as a series of lists that lets users drill into courses by semester, school, and department. The data is pulled directly from the University's database, and ensures the application is always up-to-date.
When up to twenty results are returned, limited information is returned for each user. Expanding a user makes a separate AJAX call to the server to return more information about the person. When more than twenty results are returned (up to a maximum), only the names are returned. This helps prevent the use of the site for spam purposes.
When five or fewer results are returned, the full data is returned and displayed for each person. Most searches are done for individuals, so this reduces the need for additional clicks in that process.
The site features both a simple and advanced search capability, which includes a number of additonal fields. The department field has auto-complete functionality, and the classification field lets you specify Student, Employee, or Non-Employee. I aimed for a clear and clean look for the page.
For the main page design, I was inspired by looking at the sites of professional orchestras, and wanted to emulate that clean and professional look. I added a rotating banner, editable by the group, to show off the many different sides of the orchestra.
The lower part of the main page features a number of content sections, including latest updates and a calendar feature. Vibrant links are available to the social media sites associated with the orchestra. The footer includes a mini version of the menu, plus links to some sponsors.
Internal pages have large header images, plus subnavigation links, above the content. Each section of the site features a different header image.
Students can mark courses as "Favorites", and the application also keeps track of the most recent courses visited. Users do not have to dig through to find the exact course when they are browing later. The screenshot on the right (from an old version of the app, with the previous name) shows the extent of resources the University provided to help with the project.
An iPad version was released in late 2011; it had a modified Course Details page to better take advantage of the iPad's additional size. Students can select different courses to view, and can check on schedule, enrollment, and exam data from this screen.
WUSTL Courses was designed as a series of lists that lets users drill into courses by semester, school, and department. The data is pulled directly from the University's database, and ensures the application is always up-to-date.
WUSTL Maps
Music Library
It's Their Mission
North Olmsted UMC
SIS Prototypes
EnCouncil
NOHS Music Department
Older Projects
