Создание сайта / Адаптив
2021

Создание сайта-каталога для компании, занимающейся упаковочными материалами

Предыстория

Компания Nikas Food Ukraine — крупный украинский производитель упаковочных материалов и оборудования для пищевой промышленности. Компания основана еще в 2009 году, имеет достаточно большой опыт в своей сфере, а еще она динамичная, современная и инновационная.

С 2011 года Nikas начал собственное производство оборудования из нержавейки, в связи с новыми требованиями рынка. Это дало преимущества в ценовой политике и широкому охвату клиентов.

С 2014 года Nikas Food Ukraine основал отдел «Упаковочные материалы», основной целью которого стала поставка и продажа барьерной упаковки для пищевых продуктов (вакуумные пакеты, термоусадочные пакеты, барьерная пленка). Компания непрерывно наращивает собственную мощность, закупая новое импортное оборудование, изготавливая собственно то, что соответствует новым запросам заказчиков.

О проекте

У клиента есть два сайта. Первый — презентационный сайт-визитка компании. Второй — собственно сам интернет-магазин, размещенный на маркетплейсе Prom.ua. Поскольку процессы покупок и получения заказов через маркетплейс уже отлажены, было решено разработать новый, современный, эстетичный сайт-визитку, который принесет новых клиентов и демонстрировать, что компания Nikas Food Ukraine современная и активная.

Среди пожеланий клиента было оставить старые цвета, сделать новый сайт анимационным и интерактивным.
Цель нового сайта для компании — задержка потенциального клиента на странице, максимально раскрыть продукт и услугу Nikas Food Ukraine, вызвать доверие и получить новые заявки-контакты.

Проблемы

  • Устаревший дизайн
  • Донесение и раскрытие информации о спектре услуг и продуктов
  • Желание присутствия анимации в дизайне

Услуги

  • Анализ конкурентной среды, выводы и рекомендации
  • UX-дизайн
  • Сайт-каталог, который раскрывает продукт и направляет за покупкой на маркет-плейс или в форму обратной связи
  • Эстетический, стильный дизайн сайта, где много воздуха и эмоций свежести

Решение задачи клиента

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

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

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

Внутренние страницы выполнены в светлых и легких цветах.

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

Этапы работы

  1. Анализ конкурентной среды среди компаний ниши клиента
  2. Прототипирование
  3. Концепции макетов дизайна
  4. Визуальный дизайн страниц сайта
  5. Верстка, тестирование и доработки

Практический результат

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

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

Результат

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

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

Сайт стал целостным продолжением идеологии бренда Nikas Food Ukraine. А мы поставили себе цель, вернуться к клиенту через год и посмотреть анализы своей работы.

Творческая группа

Менеджер проекта Юлия Шпак
UX/UI дизайн Дана Данилейко
Верстка Арсен Омаров

Другие проекты

Бесплатная консультация