I developed a sophisticated website for Pyrolave Suisse that showcases the fascinating natural material, lava stone. What made this project unique was the combination of aesthetic storytelling, high-quality portfolio galleries and a clearly structured website architecture. The website combines elegance with technical precision and showcases Pyrolave’s international design expertise to the full.

A hand is holding an iPhone displaying the Pyrolave Suisse mobile website and the ‘Natural Lava Stone’ section

A visual highlight is the diagonal section cut, which runs elegantly through the various content areas. Not only does it lend the page a powerful sense of dynamism, but it also reflects the raw aesthetic of lava rock: unconventional, natural, unique.

Hands typing on a MacBook by the pool; the screen displays the page ‘Where Water Meets Lava’ by Pyrolave Suisse

The structure has been deliberately kept simple and intuitive. Users can quickly find their way to applications, colours, projects and background information. A particular focus is on a visually striking project presentation, which is also visible on Google thanks to targeted SEO optimisation.

A MacBook displaying the Pyrolave Suisse page ‘The one-of-a-kind piece in lava stone’, featuring a green double washbasin

The site has been optimised for performance and future-proofing. Thanks to a streamlined code base, targeted caching and a responsive design, a seamless user experience is guaranteed on all devices.

Hands holding an iPad displaying the colour chart from Pyrolave Suisse and a circle of lava stone colour samples
Project goal

The aim was to showcase Pyrolave Suisse’s design expertise digitally to the highest standard, whilst ensuring clear user guidance. Through a consistent, brand-compliant design, SEO optimisation and distinctive visual elements such as the diagonal section cut, a web solution was created that appeals to both architecture-focused clients and design enthusiasts. The site was designed to scale seamlessly with future content and projects.

Solutions
  • Design system: Distinctive, image-driven web design with strong visual guidance
  • Project structure: Modular project section with filterable entries
  • Stylistic element: Incorporation of the diagonal section cut as a distinctive design feature
Highlights
  • Workshops: Several feedback loops to align UX and brand impact
  • Content integration: Close collaboration on text, image and project content
  • Launch: Finalisation, including performance tuning, security configuration and go-live support
Technologies
  • CMS platform: WordPress with customised themes for maximum flexibility
  • Slider integration: LayerSlider for high-quality animations and image presentations
  • SEO framework: Technical optimisation using Rank Math for high visibility

I would like to thank Pyrolave Suisse for their trust and for an inspiring collaboration. The digital implementation of the brand was a challenge that was as demanding as it was motivating, and which has rekindled my passion for outstanding web design.