The systems engineering education ecosystem (SEEE) is an online portal envisioned as a hub for educators, employers, students, and practitioners to collaborate and innovate on systems engineering education. The CMTC was brought into the SEEE project as the implementation partner, and through this project our team was able to develop and deliver on a customized Design Innovation process that emphasized both the systems context of the project and the digital design opportunities. If you are interested in collaborating with us on a similar project, contact us today!

Our Discover phase included benchmarking of similar websites based on user experience factors as applied to web design, which helped us articulate and find examples of excellent user engagement, use of color, layouts, and visualizations. We have also made frequent use of user interviews and workshop style feedback from representatives from each of the stakeholder groups the SEEE Portal brings together. Interviews and feedback go directly to update our design concepts and implementations, and have shown us many nuances of both what users find frustrating, and what drives an excellent experience.

The team’s benchmarking for two websites based on six factors of user experience: usefulness, usability, desirability, navigability, accessibility, and credibility. Our team found that the notes were as important as the rating – positive, neutral, and negative are given deep dimensions based on these notes.

The Define stage is a critical system design stage where we identify key modules and functionalities of the system to deliver the overall experience. Matching subsystems to key functions allows us to include the user experience goals in each functionality goal. As examples, some of our implementation goals are data entry through a fun questionnaire, and visualization of data in an intuitive format for quick evaluation and comparison.

A basic system model the CMTC team created with major subsystems of the SEEE site identified, and functionalities or types of functionalities listed under each.

In our Develop stages, we both generated completely new concepts to test, as well as generated updates and improvements to existing concepts based on user feedback. At each stage, the CMTC team was focused on using our own team’s creative energy to bring fun and innovative concepts to users for the digital design of the site.

Some early visualization alternatives created by the CMTC team to explore different ways of visualizing high dimensional data.

The CMTC team’s staged process has included several rounds of formal prototypes, including subsystem mockups, a full site alpha release that emphasizes an initial look and feel (which you can see here:, a full site beta release that emphasizes core functionality on the final intended web platform, and a full site release that combines updated functionality and updated look and feel.

This is one page of an early digital style guide created by the CMTC team. This page includes icons, a hero image that is the first image new site visitors see on the homepage, and a guide for photos.