University of Colorado

CU Continuing Education

Digital catalog for continuing education courses.

ROLE

Information Architecture, UX Design, Visual Design

LaceyDesign-CUCE-HeroLaceyDesign-CUCE-Hero

Find your next course. 

Whether you need a final credit hour to finish your degree or that Feminist Studies class is calling your name, University of Colorado's Continuing Education program can point you in the right direction. This site redesign had one primary goal: Make it easy for new and prospective students to find the perfect course. The previous site was clunky and difficult to navigate; the school was ready to evolve to a modern, seamless, more intuitive and elegant user experience.

LaceyDesign-CUCE-Photo2LaceyDesign-CUCE-Photo2

Planning

After initial research, we quickly sketched dozens of homepage workflows but kept coming back to a single goal for every user: Find a class that that fits my specific needs — quickly. That meant guiding users from a large pool of data to a specific piece of information. When looking for a similar funnel in other industries, we drew the closest parallel to travel sites like Airbnb.

We developed wireframes and prototypes, taking cues from these search-based travel sites, and made it easy for users to go from the homepage to a course search filter. Having two initial options — “Choose a Course” and a pre-selected semester  — creates a low barrier to entry; the full search interface gives users the option to browse or completely customize their search. The new streamlined design dramatically improved students’ ability to select from hundreds of classes quickly and intuitively.  

LaceyDesign-CUCE-WireframesLaceyDesign-CUCE-Wireframes
LDWeb-Assets-CUCE-Web-InContextLDWeb-Assets-CUCE-Web-InContext
[unex_ce_button id="content_x9c5q8jow" button_text_color="#cddee1" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#034551" button_padding="10px 40px 10px 40px" button_border_width="1px" button_border_color="#107e93" button_border_radius="0px" button_text_hover_color="#034551" button_text_spacing_hover="2px" button_bg_hover_color="#107e93" button_border_hover_color="#107e93" button_link="http://ce.colorado.edu/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VISIT THE SITE[/ce_button]