
Preview image. Unlock full-res
Guideline page on the three ways to depict the product, shown by an overlapping violet specimen of chat bubbles and an abstracted contract document.
Summary
A guideline page introducing the three ways to represent the product (high-fidelity, simplified, and in-device photography), with a busy violet specimen of overlapping chat bubbles over an abstracted contract.
Visual description
White page, standard running header (page 60). The left column holds the "Representing Product Imagery" headline, an intro and a three-point bulleted list explaining when to use each representation. The right two-thirds is a deep-violet specimen: three white rounded chat bubbles with circular portrait avatars float and overlap, reading "The offer looks great!", "Awesome, I'm sending you the contract to sign" (with a sparkle emoji) and "Easy. Done!" (with a check emoji). Behind them sits an abstracted contract document UI titled "Client Services Agreement" with a violet "23" badge and lines of greeked body copy, partly cropped by the overlapping bubbles.
Key takeaway
Compressing three different rendering approaches into one composition, so the page argues for choosing the representation that carries the message rather than always showing literal UI. The overlapping chat bubbles humanize a document-signing product.
Reuse notes
Useful as a chapter intro that previews several techniques at once before detailing each on later pages. The chat-bubble-over-document motif suits any product about communication or agreements. The greeked contract keeps focus on layout, not copy.
From this deck: Representing product imagery three ways
View deck








































































































