Evitan
Услуги / Дата
2021—2023
Ссылки
Corporate website for Perm authentic cement tile and decorative concrete production.
О заказчике
Stone Manufacture — is a small company from Perm, which is engaged in the handmade production of tiles and concrete breeze-blocks using authentic technology. The segment is premium, the main clients are interior designers for expensive apartments, restaurants and hotels.
Проблема
The company's previous website was hardly ever used - neither by potential clients, nor even by the customer himself. The site repelled the target audience with its awkward interface and outdated design. The bulk of the company's orders went through social networks. At the same time, Stone Manufactory already had a stylish identity for offline media, and it could be adapted to the new site.
Задача
Design a corporate website that will become a full-fledged ordering platform: with the possibility of visual tile selection, 3D models of cement blocks and other useful tools. At the same time, it was important that the site turned out to be stylish and hit the heart of the target audience - interior designers.
Design
The reference point for us was the ready-made identity of the Stone Manufactory. It is based on a white checkered grid on a black background. Minimalistic patterns referring to tile patterns are inscribed in the cells of the grid.
We adapted the cell to the web format, and included the patterns in the interactive space, so as not to overload the visual: the patterns appear only when you put the cursor over the cell. By the way, the cursor itself was also drawn in the form of a square.
The choice of palette was based on restrained shades that emphasize the premium nature of the brand. White lines were made gray to avoid excessive contrast. For the texts, we chose textured fonts that reflect the craftsmanship and authenticity of the Stone Manufactory production.
Tile configurator
For a quick and high-quality selection of tiles, we designed a configurator: through it you can select a collection and try on different color combinations. We relied on the tool that was on the customer’s old website, but we updated the logic of its operation and visual part.
Implementation of 3D models
Concrete breeze blocks, unlike tiles, are three-dimensional figures, and it is important for customers to view them from all sides. That’s why we placed 3D renderings on the general page of breeze blocks.
To make them perceived separately, and not merge into a monotonous row, we painted each render in one of the four available colors. And if you reload the page, the blocks will change colors — you get a random visual rhythm.
The coolest feature of this section is viewing each 3D model on a separate page. Here you can not only rotate any breeze block, but also paint it in the color of your choice. From here you can also download your favorite 3D model for your design project.
Website development
The frontend of the site was built on Nuxt.js, WebGL — on Three.js. The backend was built on Strapi.
Result
The site is fully ready: it is actively used by customers, and the company updates the catalog through a convenient admin. Now about 20% of all orders from Stone Manufactory come through the site. And what is particularly pleasing is that customers send compliments on the design of the site.
Следующий проект