Сайт ГК «ПИР»
Вкусные фотографии и много фактов в проекте для крупнейшего российского сырного дистрибьютора
Группа компаний «ПИР» — российский торгово-производственный холдинг с широким ассортиментным портфелем молочной продукции (более 500 товарных позиций). Группа компаний на рынке больше 17 лет и занимает лидирующие позиции в сегменте упаковки и нарезки сыра. ГК «ПИР» требовался имиджевый сайт-визитка, который бы отражал преимущества холдинга, рассказывал о различных направлениях его деятельности, о ведущих брендах в портфеле и о ключевых партнёрах.
Задачи
- 1Разработать дизайн, поддерживающий образ надёжного партнёра и производителя.
- 2Рассказать о преимуществах, ключевых фактах компании и сделать акцент на миссии.
- 3Отразить разные направления деятельности: производство фасованных сыров, упаковывание и дистрибьюцию.
- 4Рассказать о ведущих брендах.
- 5Выгодно показать список компаний-партнёров.
- 6Сделать удобный адаптив.
Аналитика
Целевые персоны, под которых создавался сайт, — бизнес-партнеры, инвесторы и финансовые организации. Среди партнёров по бизнесу чаще всего с компанией контактируют руководители отделов по закупкам в крупных сетевых супермаркетах, начальники производственных отделов или управляющие в сфере HoReCa.
Для каждой группы важна репутация компании, ассортиментный портфель и другие преимущества, поэтому на прототипе есть блоки о продукте, компании, её истории, принципах, направлениях деятельности, брендах и партнёрах.
Дизайн
Для проекта было важно поддержать строгий и презентабельный образ группы компаний, поэтому на референсах есть примеры с чётким, структурированным расположением блоков, минимумом цветовых пятен и обилием цифр-фактоидов. Фактоиды добавляют информативности и говорят сами за себя, не требуя большого количества «продающего» текста.
Опираясь на мудборд, мы создали чистый дизайн, опирающийся на вкусные фото и интересные элементы вроде фактоидов и иконок:
Фишку сайта придумали не сразу: первый вариант, который обсуждался на брейншторме, не зашел, после арт-директор задал направление, предложив вариант с логотипом. Страница сразу стала как-то просторнее и свежее. Много времени ушло на инфографику и подбор вкусных сырных фоток, но итоговый результат порадовал.
Любовь
Дизайнер
Вариант с тянущимися друг к другу руками, который отсеялся на брейншторме. Тогда же отказались от идеи деления экрана на 2 части.
На 404-ю страницу прокрался помидор, намекающий на то, что что-то пошло не так:)
Разработка
Интересности этого проекта спрятались на этапе разработки: это и подложки, скользящие из блока в блок, и счётчики, и движущиеся объекты, и перемешивающиеся логотипы партнёров.
Большой логотип слева, который кочует с экрана на экран, — это svg-фигура, которая работает как маска для картинки под ней при скроллировании с одного блока на другой.
Большой логотип слева, который кочует с экрана на экран, — это svg-фигура, которая работает как маска для картинки под ней при скроллировании с одного блока на другой.
У каждой цифр-фактоидов настроена анимация для всплывающих иконок и текста.
В блоке «Факты о компании» есть фишка — счётчик с количеством довольных семей:
Принципы группы компаний мы отразили в специальном блоке:
Хотя это и простая анимация, она отражает ценности компании: маленькие молоковозы "наматывают" километры пикселей, показывая, что работа никогда не останавливается, а продукция всегда доставляется свежей.
Андрей
Разработчик
Для отображения партнёров изначально планировалось разместить логотипы, которые бы переворачивались и менялись. Но в итоге заказчик решил оформить этот блок более строго: имена компаний-партнёров написаны на цветных плашках, которые сменяются рандомно:
Как выглядел блок о партнёрах на этапе дизайна
Как выглядит блок о партнёрах на сайте
Красивый и легкий сайт-презентация группы компаний. Пожалуй, самым непростым делом было отладить адаптивность блоков, так как контента много, он весь важен, и при этом должен поэкранно умещаться на любом устройстве.
Дина
Руководитель проекта
