Mood Board: a Webflow website for an immersive spa product.

The saved opening uses a large interior image with green, purple and warm light. Seating, planting and reflective surfaces give the visitor a sense of a physical environment. White type sits over the photograph, while the navigation names the offers, cases and calculator. A prominent consultation button is already present in the header. The page therefore combines atmosphere with a practical next step from the beginning.

This is useful because an unfamiliar product needs a recognisable setting. A list of effects on its own would not show how they belong to a room. Equally, the image cannot explain every technical or operational question. The opening establishes what kind of experience is being discussed, then the following content needs to explain its components. A website should not require the visitor to infer the whole offer from an attractive interior photograph.

The project records describe a list of eleven effects, including lighting and environmental effects. Organising them separately gives the visitor a way to move from a broad impression to a specific question. Instead of treating the product as one mysterious feature, the page can explain what each element contributes to the presentation of the space. This is a content structure, not an independent technical verification of the equipment.

For a comparable product site, each component should have an explanation that serves the buyer rather than merely repeating its name. The reader may need to know what they will see, what material demonstrates it and what should be clarified in a consultation. Claims about installation requirements, maintenance or compatibility should come from the responsible product team. Those details should not be guessed from the appearance of a render or a photograph.

The terminology also needs a stable relationship with the imagery. If several effects are visible together, captions can distinguish an overall scene from an individual function. A short video may demonstrate sequence better than a static image, but it still needs an intelligible label and a way to continue reading. The saved site provides a video action; the role of that action is to offer more context, not to hide the basic explanation behind playback.

A calculator can make an otherwise abstract commercial conversation more concrete. Its usefulness depends on whether the visitor understands what they are changing and what the result represents. A percentage, a price and a time period require clear labels. For a comparable implementation, we would agree the calculation model with the client and make the scope of the estimate visible near the result, not leave the reader to guess it.

Revenue, profit and payback are different measures. A website should not use those words interchangeably when the underlying model includes different inputs. Before publishing a similar tool, the product owner should confirm which costs and assumptions are included, what values are illustrative and when a personal calculation is required. This case records the presence and role of the calculator; it does not claim an independent audit of its financial model.

The consultation following a scenario should preserve the distinction between interest and a finished commercial decision. A visitor may want to understand whether their space is suitable or which assumptions need adjustment. A clear transition tells them what to discuss next. It does not imply that entering values reserves equipment, confirms feasibility or creates an agreed installation price.

Webflow is the recorded platform, with offers and case material that the client can edit. That is useful when the public presentation changes over time: an example can be replaced, an explanation improved or a new offer added within the prepared structure. The technical ability to publish does not remove the need to review whether the visual and the accompanying description still refer to the same configuration.

For a comparable handover, the editing instructions should distinguish content updates from changes to the calculator’s assumptions or behaviour. Replacing a photograph and changing a calculation model are different tasks. The latter needs deliberate review because it can alter the meaning of the result. The website’s presentation and the product team’s approved information should remain aligned after the original delivery.

Mood Board shows how a website can introduce an unusual physical product through atmosphere, component explanations and a route to a business discussion. Our documented work is the website presentation, not the engineering of the spa equipment or a promise of commercial return. No measured increase in installations, enquiries or sales is claimed here without supporting data.

For your own product, prepare clear demonstration material, the approved scope of the offer and the questions your sales team needs to resolve. If a calculator is useful, bring an agreed model and definitions for its outputs. Those inputs allow the design to connect curiosity with a specific conversation, while keeping the attractive first impression and the practical explanation part of the same experience.