Создание сайта-каталога для компании, занимающейся упаковочными материалами
Компания Nikas Food Ukraine – крупный украинский производитель упаковочных материалов и оборудования для пищевой промышленности. Компания основана еще в 2009 году, имеет достаточно большой опыт в своей сфере, а еще она динамичная, современная и инновационная.
С 2011 года Nikas начал собственное производство оборудования из нержавейки, в связи с новыми требованиями рынка. Это дало преимущества в ценовой политике и широкому охвату клиентов.
С 2014 года Nikas Food Ukraine основал отдел «Упаковочные материалы», основной целью которого стала поставка и продажа барьерной упаковки для пищевых продуктов (вакуумные пакеты, термоусадочные пакеты, барьерная пленка). Компания непрерывно наращивает собственную мощность, закупая новое импортное оборудование, изготавливая собственно то, что соответствует новым запросам заказчиков.
О проекте
У клиента есть два сайта. Первый – презентационный сайт-визитка компании. Второй – собственно сам интернет-магазин, размещенный на маркетплейсе Prom.ua. Поскольку процессы покупок и получения заказов через маркетплейс уже отлажены, было решено разработать новый, современный, эстетичный сайт-визитку, который принесет новых клиентов и демонстрировать, что компания Nikas Food Ukraine современная и активная.
Среди пожеланий клиента было оставить старые цвета, сделать новый сайт анимационным и интерактивным.
Цель нового сайта для компании – задержка потенциального клиента на странице, максимально раскрыть продукт и услугу Nikas Food Ukraine, вызвать доверие и получить новые заявки-контакты.
Проблемы
- Устаревший дизайн
- Донесение и раскрытие информации о спектре услуг и продуктов
- Желание присутствия анимации в дизайне
Услуги
- Анализ конкурентной среды, выводы и рекомендации
- UX-дизайн
- Сайт-каталог, который раскрывает продукт и направляет за покупкой на маркет-плейс или в форму обратной связи
- Эстетический, стильный дизайн сайта, где много воздуха и эмоций свежести
Решение задачи клиента
По данным аналитики 2021 года, две трети трафика на сайтах производителей разнообразного оборудования – посещение со смартфонов. Поэтому мы внимательно относимся к адаптации интерфейса для небольших экранов и устройств. Под капотом сайта – большая работа по оптимизации нагрузки изображений, анимационных элементов и скорости самого сайта. Но сайт для Nikas получился довольно шустрый и удобный для навигации.
Главную страницу сделали в стиле черного интерфейса. На темном фоне прекрасно акцентируются компоненты с оранжевыми и зелеными цветами. А чтобы сайт выглядел свежее – было придумано использовать зеленые листочки, которые на каждом экране во время скроллинга медленно смещаются в сторону.
На главной странице мы отдельно разделили экраны, демонстрирующие пользователю, какие продукты он может упаковать (творог, курицу, нарезку и т.п.) и экраны с оборудованием. Первый – это самое простое донесение информации, ведь человек, который зашел на сайт сразу проводит ассоциации между продуктами питания, которые ему нужно паковать. Второй экран с оборудованием – более техничный. Но без него также невозможно.
Внутренние страницы выполнены в светлых и легких цветах.
Достаточно важно правильно сформировать страницы с карточками товаров. На них мы старались максимально доступно и разрозненно подать связанную информацию о упаковочных материалов, продукты и оборудование, связано с конкретным наименованием карточки товара.
Этапы работы
- Анализ конкурентной среды среди компаний ниши клиента
- Прототипирование
- Концепции макетов дизайна
- Визуальный дизайн страниц сайта
- Верстка, тестирование и доработки
Практический результат
Главное, что нам удалось это изменить шаблонный подход в области оборудования, когда сложные вещи объясняются сложно. Зеленые анимированные листочки на главной странице – это метафора свежести и экологичности, которую обеспечит правильная и соответствующая упаковка товара. Мы построили логическую структуру изложения презентации услуг товаров и решений, оформили сайт стильно и современно.
В результате – бренд получил сайт, который выглядит как бизнес-инструмент и заявляет о лидерской позиции компании в нише упаковки.
Результат
Разработка этого сайта заняла у нас около 3-х месяцев. После согласования прототипов и варфреймов, было предложено несколько концепций дизайна. Поскольку клиенту понравился и темный сайт, и светлый – мы оставили главную страницу темной, а внутренние, соответственно, светлыми. После отрисовки дизайн-макетов был длительный процесс верстки и адаптации.
Была спроектирована удобная система фильтра и навигации в каталоге упаковок и оборудования. Настроена аналитика и сервисы отслеживания конверсий, подключены виджеты для обратной связи.
Сайт стал целостным продолжением идеологии бренда Nikas Food Ukraine. А мы поставили себе цель, вернуться к клиенту через год и посмотреть анализы своей работы.
