How to Build One Product Display System for E-Commerce, Lookbooks, Catalogs and Trade Shows
Short answer: the most effective product presentation is not a different set for every channel. It is one adaptable visual system: a small family of surfaces, levels and forms that can make a product clear in an online store, expressive in a campaign, orderly in a catalog and immediately legible on a trade-show table.
A product rarely appears in only one place. The same serum, pair of earrings, sunglasses or fragrance bottle may need a clean product-page image, a campaign image, a wholesale PDF, a seasonal lookbook, a sales presentation and a physical display at an exhibition. Yet these materials are often developed separately. The e-commerce team works with one visual language, the photographer invents another for the campaign, the designer builds the catalog from whatever images are available, and the exhibition stand is assembled as an unrelated final task.
The result can be technically correct but visually fragmented. Customers recognize the packaging, but they do not always recognize the world around it. A stronger approach is to treat the display environment as part of the brand's operating system. The forms do not compete with the item and they are not decoration added at the end. They organize scale, create hierarchy, control sightlines and give the product a consistent physical context wherever it is shown.
This guide explains how e-commerce teams, photographers, art directors, small brands and exhibition planners can build that system—and how to make it flexible enough to support both precise selling images and more emotional commercial work.
Product presentation is an information problem before it is a styling problem
A commercial image has to do more than look attractive. It must answer questions quickly. What is the main product? How large is it relative to the rest of the range? Which label should be read first? Is this a single item, a pair or a complete routine? Which variation is premium, new or central to the story?
A physical display surface can answer many of these questions without adding text. Height indicates importance. Distance separates product groups. Repetition shows that several items belong to one family. A change in shape can mark a hero item. A calm material behind reflective packaging can reduce visual noise and make a label easier to read.
This is why the choice of display should begin with the communication task, not with a trend board. Before selecting color or shape, decide what the viewer must understand in the first two seconds. In e-commerce, clarity normally has priority. In a lookbook, atmosphere can take more space. In a buyer presentation, the structure of the assortment matters. At a trade show, the arrangement must remain readable from several metres away and still make sense when a visitor comes closer.
Start with a channel map, not a shopping list
List every place where the product will appear during the next six to twelve months. A useful map may include the home page, collection pages, product detail pages, email banners, paid advertisements, social crops, printed line sheets, wholesale decks, launch presentations, press materials, retailer portals, showroom appointments and trade shows.
Then group the required images by function:
- Identification images show the exact product, packaging and label with minimal ambiguity.
- Comparison images explain size, color, variant or range relationships.
- Hero images create a memorable visual entry point for a launch or campaign.
- Process or detail images reveal texture, finish, applicator, clasp or construction.
- Range images show how several products belong together.
- Physical sales displays translate the same hierarchy into a counter, shelf, showroom or exhibition table.
This map prevents a common production mistake: building one impressive composition that cannot be cropped for a website, cannot be repeated for twelve SKUs and cannot be reconstructed at the trade show. A display system should generate several kinds of output, not just one final photograph.
The five variables that make a display system reusable
1. Scale
The display must be proportionate to the product. A small ring disappears on a broad, tall platform; a large bottle can make a delicate base feel accidental or unstable. Begin by measuring the product's width, depth and visible front face. For many tabletop compositions, the first level should be only modestly wider than the product footprint. Larger surrounding forms can then create the composition without weakening the connection between the product and its immediate support.
For a mixed range, use the largest package to define load-bearing surfaces and the smallest item to define detail zones. This produces a system that can support the whole collection. If the smallest item always looks lost, add one compact disc, cube or shallow platform rather than rebuilding every setup.
2. Height
Height creates reading order. A useful starter set normally needs at least three levels: a low base, a middle level and one clear hero level. The exact dimensions depend on the packaging, but the intervals should be large enough to remain visible from the chosen camera angle. Three platforms that differ by only a few millimetres may look varied on the table yet collapse into one line in the final photograph.
For front-facing e-commerce images, test the arrangement from the final lens position rather than from above the styling table. For exhibitions, crouch, stand and step back. The display must work at visitor eye level and from the aisle. In both situations, sightlines—not the isolated beauty of each object—determine whether the system succeeds.
3. Geometry
Rectangles communicate order and precision. Circles soften a composition and work naturally with jars, watches and rounded packaging. Arches create openings, frames and overlapping planes. Organic profiles can give a campaign more character, while simple cylinders are especially adaptable because they can act as platforms, background masses or upright markers.
A reusable system does not require every possible shape. It needs one dominant geometry and one counter-shape. For example, a set of rectangles can be softened with a single sphere or disc. A family of round platforms can gain structure from one vertical block. The contrast should help the product, not create a competition between forms.
4. Surface
Surface determines how light behaves. Glossy acrylic can create strong reflections and a technological feel. Fabric absorbs light and introduces movement. A matte mineral surface produces quieter highlights, soft shadow transitions and a subtle sense of material weight. It can be especially effective beside glass, polished metal and glossy cosmetic packaging because the contrast makes those products appear more luminous.
Texture must still be controlled. A heavily irregular surface may be compelling in a close editorial image but distracting behind small typography or fine jewelry. Reserve stronger texture for larger planes, side faces and images where materiality is part of the concept. Use calmer top surfaces for labels, small items and repeatable catalog work.
For a deeper look at this relationship, see why real texture changes the perception of premium product photography.
5. Color
Color should support both the product and the channel. Neutral stone, warm white, soft grey and muted beige are useful foundations because they can move between seasons and tolerate different packaging palettes. A controlled brand color can be added as one accent platform, a paper background, fabric or lighting choice. This is more flexible than ordering an entire system in a campaign color that may become obsolete after one launch.
When photographing transparent bottles or pale packaging, check edge separation. A white product on a white surface can work, but only if shadows, backlight or a slightly different undertone preserves the silhouette. Dark displays can make gold, glass and bright labels stand out, yet they may also increase dust visibility and require more careful lighting. The best color is the one that protects product information while remaining consistent with the brand.
How the system changes for e-commerce
E-commerce images are often viewed small, quickly and beside competing products. The display environment should make the item easier to understand, not force the customer to decode an elaborate scene. Keep the primary label visible, protect the product silhouette and leave sufficient negative space for responsive crops.
A practical product-page set can include:
- a clean front view with minimal elevation;
- a three-quarter view that reveals depth and closure;
- a scale or range comparison using repeated levels;
- a detail image with one small supporting form;
- a branded hero image for the gallery or collection page;
- a vertical crop suitable for mobile, email and social use.
The same two or three modules can appear across all six images. Repetition creates continuity, while changes in angle, light and spacing prevent the gallery from feeling monotonous. If twenty SKUs must be photographed, mark the position of the camera, product and display surfaces on the set. Record lens, camera height and light placement. This makes later additions to the range easier to match.
For beauty products, the skincare and cosmetic display collection provides forms designed around jars, bottles and compact tabletop arrangements. For broader product categories, the product photography display collection offers modular shapes that can be recombined across campaigns.
How the same system becomes a commercial campaign or lookbook
A lookbook has more permission to suggest mood, movement and narrative. The display system can be partially hidden by fabric, combined with flowers, placed in water, crossed by hard sunlight or used to create unexpected balance. What keeps the work commercially useful is the stable relationship between the product and the core forms.
Start from the clear e-commerce composition and decide which variable will become expressive. Change the background, not every element. Increase the lighting contrast while preserving the product level. Add one organic material around a recognizable geometric base. This approach gives art directors more creative space without losing the connection to the product page.
Plan the crop family before styling. A hero composition should produce a wide website banner, a square detail, a vertical cover and at least one image with text space. Build the central relationship between product and display in a compact zone, then extend the surrounding set. This protects the core image when each channel crops it differently.
Creative teams planning a wider launch can also use the framework in how to build a visual world that scales across brand touchpoints.
How to design repeatable catalog and wholesale images
A catalog needs rhythm. Page after page, customers and buyers should be able to compare products without relearning the visual logic. Choose a small number of templates: one for individual items, one for pairs or routines, one for category openers and one for the full range. Assign a fixed display arrangement to each template.
For example, the hero product can always occupy the highest block; the supporting item can sit one level lower; accessories or secondary sizes can remain on the base plane. Keep camera angle, shadow direction and background tone stable across the section. Variation can come from product color and crop rather than an entirely new construction.
This is particularly important for wholesale PDFs and line sheets. A buyer may scan dozens of pages quickly. The display should make assortment logic visible: entry item, core product, complementary product, larger format. Avoid elaborate overlaps that conceal pack size or make a small product appear larger than it is.
Record every setup as a simple diagram with measurements. Photograph the empty arrangement before dismantling it. Store each module under a consistent name and include that name in the shot list. A repeatable catalog is not created by memory; it is created by documentation.
How to use product displays in decks and commercial presentations
Presentation imagery often needs to carry text, pricing, specifications or a campaign statement. That changes the composition. Instead of centring every product, deliberately create negative space on the left or right. Keep important objects away from slide edges and anticipate both widescreen presentations and vertical PDF pages.
Use display height to support the message structure. A single elevated product can introduce the collection. A row of equal levels communicates variants. A staircase can explain a routine or product sequence. Two separated groups can support a comparison without requiring a heavy graphic divider.
When a photograph will be used in a pitch deck, request a clean master file with generous margins. Text can then be localized without covering the product. This matters for brands selling in several markets: German, French, Swedish or Spanish copy may occupy a different amount of space than English. A flexible image composition reduces redesign work later.
Translating the visual language into trade shows and exhibitions
The physical display should feel like the three-dimensional continuation of the images customers have already seen. It does not need to reproduce a photograph literally. It should repeat the same material character, geometry, color family and hierarchy at a larger viewing scale.
At a trade show, clarity is tested under different conditions. Visitors move. Lighting may be uneven. Products are touched and replaced. Staff need access to samples. The table may be viewed from the front, corners and across an aisle. Build the arrangement in zones: a distant hero zone, a mid-distance range zone and a close inspection zone.
- Hero zone: one elevated product or small group visible above the table line.
- Range zone: repeated medium levels that organize variants without creating a wall.
- Interaction zone: lower, accessible surfaces where visitors can handle products.
- Information zone: a clear place for pricing, QR codes, line sheets or order details.
Do not fill every surface. Empty space is functional: it prevents products from merging visually, leaves room for hands and allows staff to restore the arrangement quickly. Use fewer, larger height differences than in a close photograph because subtle changes disappear at distance.
Transport should influence the design from the beginning. Choose modules that can be nested where possible, reused in the showroom after the event and rearranged for different table sizes. Create a packing diagram and photograph the approved stand so every team member can rebuild it. Betonvton's trade-show and craft-fair display solutions and retail display risers can be combined into compact systems for launches, counters and temporary presentations.
One core kit, many outputs
For a small beauty, jewelry, eyewear or lifestyle brand, a versatile starting kit does not need to be large. It might include two low platforms in different widths, two medium blocks, one taller hero element, one round counter-shape and one architectural element such as an arch or step. The exact sizes should be chosen around the product range rather than copied from another brand.
That kit can support several outputs:
- Online store: one low platform and one restrained background form.
- Range image: three heights arranged as a clear sequence.
- Lookbook: the same forms combined with fabric, shadow, water or botanical material.
- Catalog: a documented repeatable arrangement for every SKU family.
- Presentation: an off-centre hero arrangement with space for copy.
- Trade show: the complete kit spread across hero, range and interaction zones.
The financial value lies in continuity and reuse. The team spends less time inventing a new physical language for every shoot. New products can enter an existing system. Campaign images connect more naturally with product pages. Sales presentations and exhibition displays feel like parts of the same brand rather than separate projects.
A practical workflow for planning the system
- Measure the full range. Record footprint, height, label position and weight for the smallest and largest products.
- Define the communication priority. Decide what customers must understand first in each channel.
- Select one dominant geometry. Choose the form language that best reflects the packaging and brand.
- Add one counter-shape. Use it sparingly to prevent the system from feeling mechanical.
- Choose three meaningful height levels. Test them from the camera and visitor viewpoints.
- Build a neutral core palette. Add seasonal color through replaceable surroundings or one accent piece.
- Test labels and silhouettes. Confirm that every product remains legible against the selected material and color.
- Plan crops before the shoot. Include wide, square and vertical outputs in the shot list.
- Document successful arrangements. Save measurements, camera position, lighting and packing order.
- Review the system after launch. Identify which module appears most often and which one does not solve a real task.
The art director's guide to building a consistent product image system offers a complementary framework for teams defining visual rules across multiple campaigns.
Common mistakes
Choosing forms before measuring products
A beautiful display can fail simply because its top surface is too narrow, its height hides a secondary label or its scale makes the product look insignificant. Measurements should lead the selection.
Using too many statement shapes
When every element has a distinctive silhouette, the viewer cannot identify the visual lead. Let one form carry character and allow the rest to organize the scene.
Designing only for the hero photograph
A campaign hero is important, but most commercial libraries also need clean comparison images, mobile crops and repeatable SKU templates. Approve the system only after it performs across all of them.
Ignoring the exhibition version
If physical events are part of the sales plan, test the composition at full table scale early. A close photographic arrangement may be too low or too intricate to communicate across an aisle.
Allowing the display to become the subject
The viewer should remember the product first. If the structure obscures the label, creates a doubtful balance or requires an explanation, simplify it. A strong display system is visible in the order it creates, yet quiet in the buying decision.
Frequently asked questions
Can one display system really work for both e-commerce and trade shows?
Yes, if it is modular. Online images may use one or two elements at a time, while the trade-show table uses the full family. Consistent geometry, material and color connect the two contexts even when the arrangement changes.
What shapes are most versatile for commercial product presentation?
Rectangular blocks, low discs, cylinders and a simple step or arch cover many practical needs. The best mix depends on product footprint, packaging shape and the brand's visual language.
How many height levels are needed?
Three clearly different levels are a useful minimum for a small system. Larger ranges may need more, but added levels should solve a real hierarchy problem rather than simply make the setup look fuller.
Should display colors match the packaging exactly?
Not necessarily. Exact matching can reduce separation and become limiting when packaging changes. A neutral core with one controlled accent is usually easier to reuse across collections and seasons.
How do I keep catalog images consistent when products are photographed months apart?
Document camera height, focal length, light positions, background color and the exact location of every module. Photograph the empty setup and store the pieces under consistent names.
What is the best display approach for very small products such as jewelry?
Use compact surfaces close to the product scale, restrained texture and enough height to separate pieces without making them feel isolated. Fine products benefit from precise spacing more than from large scenery.
How should displays be planned for presentations with text?
Create deliberate negative space and keep key products away from crop boundaries. Request both left- and right-weighted versions when presentations will be localized into several languages.
When is a custom size worth considering?
A custom size is useful when standard modules repeatedly obscure a label, cannot support the product securely, fail to fit a display case or do not create the height differences needed for the range. The decision should solve a measurable presentation problem.
A display system should make the brand easier to recognize—and the product easier to buy
The most useful commercial display is not tied to one photograph. It is a repeatable piece of visual infrastructure. It helps a shopper understand an online image, gives a photographer a reliable starting point, allows a designer to build a coherent catalog, leaves room for copy in a presentation and creates order on a busy exhibition table.
Betonvton is a Swedish design studio creating modular and custom mineral display solutions for commercial photography, e-commerce, retail and exhibitions. The goal is not to place more objects around a product. It is to give each product the right level, scale and visual context—and to make that logic reusable wherever the brand needs to sell.
Explore countertop display plinths, retail display objects or ready-to-ship solutions, or contact Betonvton when a collection requires custom dimensions, colors or a coordinated cross-channel display system.