drag

кейс

Собственное производство

Имиджевый сайт производственных предприятий компании АО «Тандер», изготавливающих продукцию для собственной розничной сети «Магнит»

madebytander.com
ко всем работам
задача

Создать корпоративный сайт для Собственных производств компании, показать масштабность и географию производств, рассказать о направлениях работы, продукции и современных технологиях.

клиент

AO «Тандер»

отрасль

Ритейл

год запуска

2021

что сделали

Маркетинговые исследования
Прототипы
Дизайн сайта
Frontend-разработка
Backend-разработка
Редактура контента

награды

Компания АО «Тандер» уже более 20 лет производит продукцию на собственных заводах и поставляет ее от поля до полки в свою розничную сеть «Магнит».

Показываем масштабы

 

Собственные производства компании — это 5 масштабных производственных предприятий, в состав которых входят 13 пищевых и 4 агропромышленных производственных площадки.

 

Чтобы отразить масштабность, использовали внушительное количество предоставленных фото и видео-материалов, начиная с первого вьюпорта главной страницы.

 

Усилили впечатление — показали географию производств на карте, отрисовали в фирменных цветах анимированную инфографику с ключевой информацией и цифрами.

Отрисовали несколько десятков иллюстраций

Одной из ключевых задач было сделать сайт «живым» и лаконичным. Для реализации этого ощущения отрисовали несколько десятков линейных иллюстраций, которые отзываются на действия пользователя.

Подчеркиваем важное

 

«История компании» — особое место на главной странице. Добавили здесь таймлайн с каруселью изображений и рассказом об основных событиях и важных датах.

 

Использовали этот принцип и на других страницах сайта, чтобы показать интересное оборудование, отразить технологичность компании и сделать акцент на управлении контролем качества.

Каталог продукции 

Создали подробный каталог продукции, разделили продукцию по видам и привязали к производственным площадкам.

Каталог имеет множество фильтров: от раздела, срока годности и веса до возможности закупки продукции под WhiteLabel.

Стилистика и анимации 

Разработали стилистику сайта с учетом корпоративных цветов и элементов логобука. Единая концепция прослеживается от прелоадера до графических элементов и формы изображений. Цвета логотипа использованы для перехода между вьюпортами в рамках одной страницы и для переходов между разделами.

технологии

HTML5

CSS3

SCSS

JavaScript

FLUX

Vanilla JS

Swiper API

WebPack

Babel

Headless Chrome

PHP

NGINX

отзыв

Андрей Капустин
Андрей Капустин
Директор департамента развития

На всех этапах создания и отладки сайта участники команды разработки показали высокий уровень профессионализма, нетривиальный подход, современный взгляд. Были учтены все наши пожелания, особенное внимание уделено дизайн-концепции сайта и удобству пользователей. 

Продолжаем сотрудничество в рамках годовой техподдержки и рекомендуем digital-агентство Red Collar для сотрудничества.

смотрите также

Сколково Парк

Разработка сайта, интеграция 3D-модели и VR-тура для делового квартала

Панельки

Мобильная игра для МегаФона: советская эстетика, пиксель-арт и любовь к ретро

Vprok.tech

Лендинг для найма специалистов в IT-подразделение Vprok.ru Перекрёсток

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

Нажимая кнопку, вы соглашаетесь с нашей политикой в отношении обработки персональных данных