Закажите проект

[{"lid":"1751694093170","ls":"10","loff":"","li_parent_id":"","li_type":"em","li_ph":"\u041f\u043e\u0447\u0442\u0430","li_title":"\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435","li_name":"email","li_req":"y","li_nm":"email"},{"lid":"1751695083888","ls":"20","loff":"","li_parent_id":"","li_type":"ta","li_ph":"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u043e\u0431\u0449\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438, \u043a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442 \u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438","li_rows":"4","li_name":"textblock","li_nm":"textblock"},{"lid":"1758116651618","ls":"30","loff":"","li_parent_id":"","li_type":"cb","li_title":"\u00ab\u0421\u0442\u0440\u0435\u043b\u0430\u00bb \u2014 \u0443\u0441\u043b\u0443\u0433\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u044d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u0438\u0437\u0430\u0439\u043d) \u0437\u0430 \u043c\u0435\u043d\u044c\u0448\u0438\u0435 \u0434\u0435\u043d\u044c\u0433\u0438 \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u0434\u0430\u0447\u0438.","li_label":"\u042f \u043d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f","li_name":"strela","li_nm":"strela"},{"lid":"1758116901833","ls":"40","loff":"y","li_parent_id":"","li_type":"ws","li_rows":"1"},{"lid":"1751695022549","ls":"50","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>","li_name":"policy","li_checked":"y","li_req":"y","li_inputinrow":"y","li_nm":"policy"},{"lid":"1751701921035","ls":"60","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/agreement\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a>","li_name":"agreement","li_checked":"y","li_req":"y","li_nm":"agreement"}]

Информационный сайт АЗС «Варта»

Сентябрь 2020

Автозаправочные станции «Варта» существуют долгое время в неизменном виде. Компания обратилась к нам за редизайном сайта с задачей разработать простой и лаконичный ресурс в ярких цветах фирменного стиля. Угрюмому Уралу — яркие нюансы. Также важной задачей создания этого образа была фотосессия АЗС «Варта», проведенная нашей студией, для размещения оригинальных стильных фото на сайте.

Фрагмент станции с вывеской.

«Хироблок» сайта.

Стартовый экран.

Главный экран сайта с предложениями, перечислением топлива и описанием бонусной программы.

Мобильная версия главного экрана.

Оригинальное фото станции.

Качественная ретушь.

Анимация блока с бонусной программой.

Карточки с возможностями станций.

Имиджевое фото и карта.

Часть сайта, описывающая возможности заправок и демонстрирующая карту со всеми АЗС «Варта».

Фрагменты сайта в мобильной версии.

Фрагменты мобильной версии карты и деталей заправок с анимацией для наглядности.

Анимация карты.

Наглядное поэтапное построение карты заправок на сайте через анимацию.

Фирменные флаги до ретуши.

Флаги «Варты» после ретуши.

Оцените этот проект

Кто работал над проектом

Дизайн

Артём Кокшаров

Макеты и вёрстка сайта

Фотографии

Любовь Кабалинова

Фотосъёмка

Артём Кокшаров

Ретушь фотографий

Инструменты для проекта

Проектирование и макеты

Photoshop

Аппаратура

iMac 2011