Figure 13
The web application interface displays a card-based layout showing four document cards arranged in two rows, with three cards on the top row and one card on the bottom left, and 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 bottom left card is enclosed within a red rectangular outline, indicating emphasis on this signed contract document. 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 downloads the partially signed contract and includes his signature and stamp. Source: Authors’ own work