Створення сайту-каталогу для компанії, що займається пакувальними матеріалами
Компанія 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. А ми поставили собі ціль, повернутися до клієнта через рік та переглянути аналізи своєї роботи.
