Сайт для компании Паркон-Пенопласт производящей пенополистирол (пенопласт) и продукцию из него.
Задача: создать сайт завода изготавливающего продукцию из пенопласта, представить продукцию завода в максимально привлекательном виде, предоставить информацию о продукции, включая её стоимость и специфические характеристики, реализовать возможность заказа продукции.
Решение: современная адаптивная верстка с использованием Bootstrap 4, внедрение цветовой схемы соответствующей определенным фирменным цветам, фотографирование и ретушь продукции, внедрение системы управления сайтом (MOD-X)
Website for the company Parkon-Penoplast producing expanded polystyrene and products from it.
Objective: to create a website for a plant that manufactures foam products, to present the plant's products in the most attractive form, to provide information about the products, including its cost and specific characteristics, to implement the possibility of ordering products.Solution: modern responsive layout using Bootstrap 4, implementation of a color scheme corresponding to certain corporate colors, photography and product retouching, implementation of a content management system (MOD-X)
Главная страница
Для того, чтобы посетитель сайта сразу имел правильное представление о компании как о производителе, а не о торговой организации, было решено использовать видео, на котором непосредственно запечатлен процесс производства и складирования. Важным моментом для обзора стало присутствие в рамках процесса упаковки продуктов и сотрудников в брендированной одежде.
Main page
In order for the site visitor to immediately have a correct idea of the company as a manufacturer and not a trade organization, it was decided to use a video on which, directly, the process of production and stocking was captured. An important point for the view was the presence in the frame of the packaging process of products and employees in branded clothing.
Внутренние страницы.
Внутренние страницы спроектированы таким образом, чтобы дать представление посетителю о всем спектре производимой продукции, максимально подробно описать продукцию, её технические характеристики и области применения. Адаптивная верстка позволяет удобно считывать информацию как с десктопа так и со смартфона.
Inner pages.
The internal pages are designed in such a way as to give the visitor an idea of the entire range of products manufactured, to describe in detail the products, their technical characteristics and areas of application. Adaptive layout allows you to conveniently read information from both a desktop and a smartphone.
Изображения продукции.
Изображения продукции представленной на сайте были созданы либо путем ретуши и обртавки снимков снятых непосредственно на производстве, либо путем создания трехмерной модели с нанесением необходимых текстур.
Product images.
The images of the products presented on the site were created either by retouching and editing images taken directly in production, or by creating a three-dimensional model with the necessary textures applied.
Легкость и невесомость.
В качестве интересной фишки было решено добавить некоторой воздушности изображениям продукции, потому что пенопласт, он-же, пенополистирол все-таки материал достаточно легкий. Поэтому с помощью CSS был реализован эффект левитации продукции при наведении курсора мыши.
Lightness and weightlessness..
As an interesting feature, it was decided to add some airiness to the images of the products, because the polystyrene, it is, the expanded polystyrene is still a fairly light material. Therefore, with the help of CSS, the effect of levitation of products on mouse hover was implemented..
Спасибо за просмотр.
Thanks for watching.
