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