Stoelzle

October 2026 / ©Flowout

Project review

Compare three homepage directions and their related versions.
The first follows the client’s structure; the others explore more creative approaches.

What these previews show.

These previews show the page layout, visual style and example interactions. Some product images are illustrative. Once we agree the design together, the remaining page layouts and full website functionality can be developed.

The preview links are for reviewing the designs.

Client Structure: a product-led homepage with the client’s seven navigation branches

01 / CLIENT STRUCTURE / BRIEF COVERAGE

Client brief
structure.

A working homepage showing the proposed menu and content sections. Use this direction to review what the site includes and how visitors find it.

Main navigation The seven main sections and their subpages, arranged in the order shown in the client’s sitemap.

Homepage sections The brand introduction, four markets, catalogue links, expertise, case studies, sustainability, innovation, news and events, plus careers and contact.

Open Client Structure ↗
Editorial: a cinematic perfume film with a large white headline

02 / EDITORIAL

Glass, in
a new light.

A homepage that leads with product video and large photography. It combines the client’s menu and homepage content with sections on design, glass, decoration and closures.

Who it’s for Brand and marketing teams reviewing how Stoelzle presents its products, materials and glassmaking capabilities.

What you’ll see A video opening, photos that move as you scroll, changing product views and a video behind the final contact section.

Open editorial version ↗
Other opening layouts

Compare three options for the top of the homepage.

Scrollytelling: blue typography and three floating glass products

03 / PRODUCT SCROLLYTELLING

Product
scrollytelling.

A homepage that unfolds through movement. Three products introduce the range, then the tall bottle becomes the focus as the opening moves into the story. Market tabs and product imagery continue the journey.

Who it’s for Brand teams and customers exploring the breadth of Stoelzle through a visual introduction to its products, markets and expertise.

What you’ll see Three floating products, a scroll-led opening that moves from the collection to a single bottle, and four markets with updated product imagery.

Open scrollytelling version ↗

Other resources

Wireframes, sitemap & journeys

Based on the client’s sitemap Excel, with page wireframes and key visitor journeys.

Open wireframes