1. CamelWeb 5.0 The Next-Generation Campus Portal
Laurie Schaeffer, Director of Internet Services
Andrew Tillinghast, Senior Web Developer
Thomas Palazzo, Senior Web Developer
This presentation leaves copyright of the content to the presenter. Unless otherwise noted in the materials, uploaded content carries the Creative Commons Attribution-NonCommercial-ShareAlike license, which grants usage to the general public with the stipulated criteria.

2. Connecticut College rebuilt its campus portal leveraging Luminis 5
Connecticut College rebuilt its campus portal leveraging Luminis 5.1 and responsive design to create “CamelWeb, The Next Generation.” CamelWeb has become a virtual center that enriches the community with information, assistance, and collaboration. We collected valuable input and ideas from the campus to build…
Our mission – to boldly go where Connecticut College has never gone before…

3. Agenda Why redesign? Our approach Lessons Learned The Results The Tour
Continued Development
Session ID 2057

4. Why redesign?

5. Why redesign? Improve user experience
Access from mobile devices
Content more relevant and easier to find
Access more campus services in one place
Banner self service, Moodle, etc.
Feedback from surveys and discussions with faculty, staff and students
Session ID 2057

6. Why Redesign? Feedback from Surveys and Discussions
Most used features:
Staff/Faculty – 1) Directory 2) Forms/Policies 3) Banner Self Service
Students – 1) ePortfolio 2) Banner Self Service 3) Student Elections
What should we change?
What should we add?
Easier Navigation
Mobile friendly
Easier to find things
Simplify
Other comments -
It’s confusing. Help!
It needs an update. Seems to be from the 90’s
Ability to personalize
User-friendly interface
A better search tool
A tutorial for new users
Session ID 2057

7. Our approach

8. Our approach
Old approach: Committee members representing their group (e.g. students, faculty, staff)
New approach: Industry best practices for user experience (UX) design
Collect and analyze feedback (surveys, discussions)
Developed a master list of portlets
Card sorting exercise
Wireframing process
User Adoption Plan
Quickstart Video
Coordination with IT Service Desk
Home Page Tour
Feedback: town meetings, SGA subcommittee, department meetings
Card sorting exercise provided usability feedback (Optimal Sort)
Comparison of groupings for faculty/staff/students helped determine navigation
Wireframing process
In several wireframing sessions, we developed navigation and portlet groupings based on card sorting results.
Session ID 2057

9. Our approach: card sorting
Session ID 2057

10. Our approach: wire framing

11. Our approach: wire framing moqups.com

12. Our approach: User Adoption Plan

13. Our approach: User Adoption Plan

14. Lessons Learned

15. Lessons Learned
Development team needed to increase collaboration/communication
Google Hangouts & chat
Google docs/drive
Wrike
Do sufficient load testing!
Jmeter
Session ID 2057

16. Lessons Learned
Session ID 2057

17. Lessons Learned
Session ID 2057

18. The results

19. The results User-friendly design
Simple, clean layout, intuitive
Integration with Banner and other applications
Give users access to Moodle, Banner Self Service, social media all in CamelWeb
Responsive design for mobile compatibility
Portlets stack, mobile menus, search box drops down
Success!
Faculty, Staff and Students use and rely on CamelWeb like never before
Session ID 2057

20. The results Out with the old…
Session ID 2057

21. The results In with the new…
Session ID 2057

22. The results
Mobile-Friendly
Session ID 2057

23. CamelWeb Tour camelweb.conncoll.edu Tour: Home Page - Home Page Tour
- Announcements
Workflow, Archives added this year
- Directory (including student photos)
- Responsive Design
- Social Media Integration
- Enrollment Guide (new this academic year)
My Academics (for students)
My Students (for faculty)
Campus Services (for all)
What’s Open (new this year)
For Staff, For Fac, For Students
HR/Finance (for fac/staff)
My Finances (for students)
Documents/Policies (for all)
Search helpful for finding these –show search
Session ID 2057

24. Continued Development 2014-2015
CamelWeb 5.0 Launched June The Journey Continues…
Campus Alerts
Online Enrollment Guide for Enrolling Students
New “What’s Open” Portlet
New Announcement features
archives
announcement submission/workflow
Session ID 2057

25. Continued Development 2014-2015
Campus Alerts
Session ID 2057

26. Continued Development 2014-2015
Session ID 2057

27. Summary Redesign was necessary The new portal is successful because…
Integration with campus applications was needed--the logical next step
Old design was sorely outdated, not mobile friendly, cluttered
The new portal is successful because…
We learned from past experience: committee approach was not effective
We got much more feedback than in the past
We listened and acted on the feedback
Student designers developed the new design
We continue to listen and develop to address the needs of the campus
Lessons Learned
Development team needed greater collaboration/communication for an undertaking of this scale
Load testing is critical
Session ID 2057

28. Questions?
Laurie Schaeffer Andrew Tillinghast Thomas Palazzo