Cover Image for CTME Cover

CTME - Caltech

Tech Lead

The Caltech CTME project was a fun project to work on because of both the challenge and the opportunity to work with such a talent team. This project was a full redesign of the CTME website. The goal was to create a site which has a more modern design and provides learners an eaiser way to find the courses they are looking for.

The Guidance CX team did an amazing job with the design and the UI/UX. As Tech Lead I was responsible for keeping the wireframes and designs within the reach of the technology and timeline that we had available. I was the technology stakeholder in all of the design meetings and I worked closely with the design team to make sure that the designs were feasible and that the captured all of the requirements that we had gathered from the client.

Homepage

The homepage is beautiful and features custom made content types for the page builder CMS which allows the client to easily update the content on the page. The client can also easily add new content types to the page builder CMS which allows them to create new layouts for the homepage without having to write any code.

Catalog

The catalog was flattened from a multi-level hierarchy to a single level hierarchy. This was done to make it easier for learners to find the courses they are looking for. After reviewing competitors sites and looking at how users were navigating the site it was decided to leverage the search and filters to get learners to the content that they are looking for.

CTME Filters and Search

Course Pages

We created custom course detail pages in order to fulfill specific business requirements that CTME had for their courses. The course detail pages are also built using the page builder CMS which allows the client to easily update the content on the page.

The program course page features a list of "included courses" which are all the courses that make up the program. When a learner clicks on one of the included courses they are taken to the course detail page for that course. The course detail page for the included course references the "parent" program course page for easy navigation back to the program course page.

CTME Program Parent

CTME Program Child

Partial Payments

A custom module was built to allow learners to pay for courses in installments. The module allows an administrator to choose which courses can be paid for in installments.

Learning Management System

There is a custom integration which connects the ecommerce application with CTME's LMS. With this integration learners automatically have accounts created in the LMS as well as being enrolled in the courses that they purchase.

Organization mini-sites

As part of the project we created a way for organizations to have their own mini-site within the CTME website. This allows organizations to have a custom landing page with their own branding and content. The mini-site also allows organizations to have their own catalog of courses which are only available to their learners. If an administrator wants to share a course across multiple organizations they can do so or they can choose to only share a course with a single organization.

CTME Boeing