Figure 14
The web application interface displays a card-based layout with five document cards arranged in two rows, three cards on the top row and two cards on the bottom row, along with a circular add button on the right. From left to right on the top row, the first card is labeled “Contractor – C 2” and shows the document title “B O Q for Chalet A, Hall B, Court C”. The second card is labeled “Contractor – C 2” and shows the document title “B O Q of Chalet A, Hall B, Court C - Revision 1”. The third card on the top row is labeled “Design Consultant – C 1” and shows the document title “Engineering contract—not signed”. On the bottom row, the left card is labeled “Contractor – C 2” and shows the document title “Engineering contract – D C signed and stamped”. The middle card on the bottom row is labeled “Contractor – C 2” and shows the document title “Engineering contract—both parties signed and stamped”. This middle bottom card is enclosed within a red rectangular outline. Below the document titles on each card, action icons are visible. On the right side of the interface, a circular plus icon is displayed.Contractor uploads the final engineering contract (signed by both parties). Source: Authors’ own work