Сайт агропродукции Уралхим

Задача

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

Исследования

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

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

Дизайн

Стабильность и инновационность бренда мы отразили за счет контрастов в визуальном языке. С одной стороны, он сдержан и лаконичен — в нем нет излишеств, которые могли бы отвлечь пользователя от УТП компании. В продуктовых же элементах заметна некая игривость, выраженная в сочных оттенках желтого, зеленого и красного. Яркие фотографии с/х культур на главной странице создают понятные ассоциации для основных потребителей продукции сайта — крупных аграрных компаний и частных фермеров.

Развитие айдентики

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

Разработка

Проект реализован с использованием CMS Bitrix. Стек фронт-части проекта — Pug, TypeScript и SCCS — был дополнен библиотекой Barba.js для плавных SPA переходов. Мы решили отказаться от шаблонных решений в верстке блоков на главной странице, поскольку они бы сделали страницу очень типовой. Так появились анимированные блоки с крупными промоэлементами и плавными микровзаимодействиями.

Итог

Новый сайт полностью отвечает бизнес-целям и потребностям целевой аудитории Уралхим. Мы не только сделали его запоминающимся и интуитивно-понятным, но и перевели проект с Tilda на Битрикс.