Iterative Design Process - UX / UI Card Design

Went back and captured the iterative design process on some cards for a courseware product I was doing the UX work for a few months ago. You can see through the various iterations the logic that was being discussed as important to the user, and where we landed in the final UI solution.

The first column is the completed module card, that encompasses the three types of activities inside of it, in a completed state. The following three columns are types of activities that are shown in an in-progress state.

The last row is the final design solution in UI.

UI by: @Scott DuBois