Контакт-центр Росбанка
Дизайн сервиса обслуживания клиентов для автоматизации процесса кредитования
кейс
Собственное производство
Имиджевый сайт производственных предприятий компании АО «Тандер», изготавливающих продукцию для собственной розничной сети «Магнит»
задача
Создать корпоративный сайт для Собственных производств компании, показать масштабность и географию производств, рассказать о направлениях работы, продукции и современных технологиях.
клиент
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 для сотрудничества.
смотрите также
связаться