Трансформация сайта агропромышленной группы компаний «Мелком»

ГК «Мелком» — одна из крупнейших агропромышленных групп России, специализирующаяся на переработке зерна и производстве продуктов питания. Компания занимает ведущие позиции в отрасли благодаря высокому качеству продукции, внедрению современных технологий и эффективной логистике.

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

Особенности проекта заключались в необходимости объединения всех 15 производственных предприятий группы компаний “Мелком” в единую цифровую платформу. Каждый из этих предприятий имел собственный сайт, который не был связан с общим брендом группы. Наша цель состояла в создании платформы, которая бы полностью отражала всю информацию о компании, предоставляла удобный каталог обновленной линейки продукции и обеспечила доступ к сервисам и услугам для партнеров и клиентов.

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

В основу дизайна сайта лег обновлённый брендбук компании, разработанный нами и адаптированном для digital-среды. По просьбе клиента мы оставили неизменным логотип, но полностью обновили систему идентификации бренда.

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

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

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

Однако дизайн — это не только красота, но и информативность. Мы представили компанию максимально полно, выделив ключевые разделы: направления деятельности, производства и бренды. Это позволяет пользователям легко ориентироваться и находить необходимую информацию, сохраняя интерес и вовлеченность на протяжении всего взаимодействия с сайтом.

Главная страница поражает своей динамичностью: промоэлементы, сложные анимации и оригинальные переходы с вертикальным скроллингом мгновенно привлекают внимание и погружают пользователя в мир бренда. Здесь каждый элемент работает на создание яркого первого впечатления.

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

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

Корпоративные зелёные оттенки использованы как на главной, так и на внутренних страницах, привлекая внимание к ключевым блокам и элементам сайта. Это создаёт гармоничное и целостное визуальное пространство, объединяя все части веб-ресурса в единый стиль.

Корпоративные зелёные оттенки использованы как на главной, так и на внутренних страницах, привлекая внимание к ключевым блокам и элементам сайта. Это создаёт гармоничное и целостное визуальное пространство, объединяя все части веб-ресурса в единый стиль.

Для воплощения нашей идеи мы организовали полномасштабные фотосессии на основных производствах компании в разных регионах страны. 

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

За неделю мы посетили производственные площадки клиента в Твери, Угличе и Смоленске, где запечатлели современные цеха и работу специалистов. Настоящим украшением стали кадры из Карелии, снятые с дрона над прозрачными озерами и лесами, добавившие проекту особую атмосферу.

Разработка сайта включала множество технических нюансов, которые позволили воплотить наши дизайнерские идеи в жизнь.

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

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

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

Сайт группы компаний «Мелком» отражает главные ценности обновлённого бренда: масштабность, открытость, экологичность, рост и развитие. 

В дальнейшем компания «МЕЛКОМ» планирует выход на IPO, а мы собираемся разработать для них новые ключевые разделы на сайте, включая интеграцию с Московской биржей (MOEX).