When the CHEC application was initially developed, it supported only a single vehicle architecture. As a result, the landing page was designed with a limited scope, offering users only a small amount of information. However, as the application evolved to support multiple vehicle architectures and logic languages, additional content was gradually added to the landing page. While this approach met the basic functional requirements, it highlighted opportunities for improvement.

To enhance the users experience, the landing page was redesigned to include a series of visual components that provide more relevant information at a glance. These updates not only allow users to personalize the page but also ensure they can easily access key information and helpful resources when needed.

The last 12 vehicles accessed by the user through the CHEC tool are displayed in descending chronological order. Each vehicle is represented by a selectable card, which includes the serial number, model type, and an illustration of that model.

A customizable table organizes the three types of custom logic, allowing users to switch between tabs and reorder them as needed.

Users can also access the help library and instructional videos via both a carousel and text links. The carousel is updated with each release to highlight new features and functionality, ensuring users are always aware of the latest additions to the tool.

Previous design

Updated design (at minimum width)

Updated design (at maximum width)

“Learn More” Carousel

The visual style of the carousel cards was designed to capture attention without distracting from the functional content on the landing page. As new features are added to CHEC, corresponding help documentation is also created. To ensure this documentation is easily accessible, the carousel content is updated quarterly, with new illustrations that accurately reflect the topic.