Suziria Group — холдинговий портал української family group компаній зоо-індустрії

Suziria Group — українська family group компаній, яка більше тридцяти років формує культуру турботи про домашніх улюбленців. Усередині неї — національний дистриб’ютор зоотоварів, експортний бізнес-юніт, найбільша мережа зоомаркетів, мережа грумінг-салонів і благодійний вектор. Завдання сайту — зібрати всі ці бізнеси в один холдинговий портал: показати масштаб і історію групи, познайомити з кожним юнітом, з бордом, з географією присутності, з медіа-полем і дати точку входу для співпраці, партнерств і пресу.

Контекст і завдання

До цього кейсу публічний образ Suziria Group існував шматками — на сайтах окремих бізнес-юнітів (suziria.ua, suziriabrands.pet, masterzoo.ua, people.suziria.ua) і в десятках публікацій у Forbes, NV, Vogue, Інтерфаксі. Не було сторінки, де інвестор, ритейл-партнер, кандидат на топ-позицію або журналіст міг би за дві хвилини охопити, що це за компанія, з чого вона складається і де її географія.

Ми побудували холдинговий портал на WordPress, який працює як «парасолька» для всіх бізнесів групи: одна довга головна, що проводить читача від історії компанії з 1993 року до контактної форми, плюс окрема сторінка соціальної місії та контактів, плюс повна англомовна версія для міжнародних партнерів і потенційних експортних ринків.

Що було реалізовано

• WordPress-сайт з кастомною темою suziriawp — без публічного конструктора, повністю верстана типографіка під фірмовий гайд.
• Холдинговий лонг-рід-портал замість мульти-сторінкової структури — рішення для бізнес-моделі, де бізнес-юніти живуть на власних доменах.
• Двомовність UA / EN з повним перекладом усіх блоків і окремою URL-локаллю /en/.
• Розгорнутий таймлайн «Наша історія» 1993–2025 з якорями на ключові віхи розвитку групи.
• Інтерактивна мапа України з табами «Offices / MasterZoo / Suziria Ukraine / Suziria Brands» і списком конкретних офісних адрес.
• Слайдер борду компанії з біографіями: співвласниці, члени Наглядової ради, незалежні директори.
• Динамічний блок «Останні новини» з обкладинками публікацій у NV, Vogue, Forbes, Interfax, RAU.
• Контактна форма з валідацією, прикріпленням файлу й антиспам-захистом.

Історія, місія і ДНК групи

Холдинг починається з історії — без неї family group компаній не зчитується. Ми розгорнули таймлайн з 1994 року до сьогодні: рік запуску першої дистрибуційної компанії, поява MasterZoo, вихід на закордонні ринки, запуск власного виробництва кормів, поява професійної косметики Pura, нагороди UAnimals і «УП.100 Сила жінок». Кожна точка таймлайну — окремий якір зі своїм описом, тому читач не змушений гортати все підряд.

Під таймлайном — короткий блок місії, візії, цінностей і КСВ, який працює як «коротка візитка ДНК» для тих, хто прийшов з press-kit або з вакансії. Зверху над секцією — нескінченний горизонтальний marquee з трьома характеристиками групи («власне виробництво повного циклу / оператор №1 в дистрибуції зоотоварів / найбільший зооритейл»), який задає темп сторінки і повторює key takeaways.

Окрема сторінка соціальної місії

Тема КСВ і допомоги тваринам для Suziria Group ширша за стандартний footer-блок — це системна робота з фондами, притулками, волонтерами, держустановами і медіа. Тому під неї виділено окрему сторінку /suziria-sotsialnyj-vplyv/ з власним hero, описом програм, ключових проєктів і партнерів. На головній про неї нагадує lavender-картка Suziria Charity з CTA «Детальніше», що веде саме сюди.

Бізнес-юніти: чотири окремих світи на одній сторінці

Найскладніша частина холдингового порталу — показати чотири абсолютно різні бізнеси (B2B-дистрибуція, експорт, ритейл, благодійність) так, щоб користувач не плутав їх між собою. Ми зробили це через окремі кольорові «капсули» на головній: кожен юніт має власний логотип з фірмовим кольором, свій короткий опис, CTA «Перейти на сайт» і соціальні іконки. Кольори сягають корінням у логотипи: Ukraine — синій, Brands — помаранчевий, Charity — рожевий, MasterZoo — зелений.

Suziria Ukraine — національний дистриб’ютор

Бізнес-юніт-«серце» групи: дистриб’юторський пайплайн з 30 партнерами-постачальниками з Європи, Азії й Америки, мережа 6000+ торгових точок-партнерів і портфель власних брендів — Savory, Half&Half, Special One, Pet Fashion, Provet, Priroda, Puramur. Ми вивели логотипи цих ТМ у мармурову нижню стрічку — тонкий жест, який швидко комунікує B2B-партнеру, скільки власних SKU стоїть за компанією.

Suziria Brands — експорт у 11 країн

Експортний юніт винесений окремим блоком з ілюстративною мапою Європи: підсвічено країни, до яких у 2025 році експортуються бренди групи. Логотип SUZIRIA Brands у помаранчевих фірмових кольорах, лаконічний абзац про модель експорту і CTA на профільний сайт suziriabrands.pet.

Suziria Charity — благодійний вектор

Замість маленької плашки в підвалі — повноекранна капсула з муралом «Кошарна з собаками» (символ боротьби за адопцію), окремий рожевий логотип Suziria Charity і CTA на детальну сторінку. Чотири точкові індикатори праворуч під муралом — слайдер інших ілюстрацій благодійних проєктів.

MasterZoo та MasterZoo Грумінг

Найбільший за обсягом блок — він покриває одразу два ритейл-формати: 200 зоомаркетів у 38 містах + інтернет-магазин (lavender-капсула) і найбільша в Україні мережа грумінг-салонів (зелена капсула). Кожна капсула має власний CTA, посилання на профільний сайт і соціальні іконки. Справа — повноекранний слайдер інтер’єрів магазинів із 16 точками-індикаторами.

Географія: мапа замість списку

Замість табличного списку офісів і магазинів ми зробили інтерактивну SVG-мапу України з табами «Offices / MasterZoo / Suziria Ukraine / Suziria Brands». При перемиканні таба підсвічуються області, де є відповідна присутність, плюс знизу розгортається текстовий список адрес з прив’язкою до міста. Це гнучкіше за статичний список: коли компанія зайде в нову область, дизайнер просто перефарбовує регіон у фірмовий синій — без правок таблиці.

Борд, команда, медіа і входи у вакансії

Для холдингу такого масштабу важливо показати, хто стоїть за бізнесом. Ми зробили слайдер борду з 7 карток — фото у студійному стилі (білий жакет / темне тло), на головній картці — ім’я й посада, на сусідніх — тільки портрет. При свайпі активна картка плавно «вилазить» з компактного формату у великий правий екран, що дає компромісне рішення між списком на сторінці і повним about-page.

Медіа: 6 публікацій у фірмовому grid

Окремий блок «Останні новини» — на головній лежить grid із 6 карток з обкладинками, джерелом (NV / Vogue / Forbes / Interfax / RAU / Наш Київ) і датою. Кожна картка — клік на повний матеріал у пресі. Це паралельно вирішує дві задачі: показує медіа-вагу бренду журналісту, який зайшов перевірити компанію, і дає кандидату відчуття, що навколо компанії живе публічна дискусія.

Контакти і входи у бізнес

Контактна форма — фінальна точка лонг-ріду. Зліва нагадування про корпоративний email feedback@suziria.ua, праворуч повноцінна форма з полями ім’я / телефон / email / коментар + можливість прикріпити файл (для журналістів — для прес-релізів, для партнерів — для презентацій). Окремий чекбокс згоди на обробку персональних даних з посиланням на політику конфіденційності. Те саме — на окремій сторінці /kontakty/ для прямих входів з пошуку.

Адаптив і EN-версія

Сайт повністю адаптивний — на 390px нав-меню згортається в гамбургер, кожна капсула бізнес-юніту перебудовується у вертикальний стек з логотипом зверху, мапа й слайдер борду переходять у форматі «одна картка на екран». EN-локаль на /en/ — повний переклад усіх секцій, окрема SEO-структура, працює як входова точка для міжнародних партнерів Suziria Brands.

Результат

Ми поставили Suziria Group єдину «парасольку» для холдингу, яка вирішує одночасно три ролі: маркетингову (історія, місія, медіа-поле), сейлзову (контактна форма, окремі CTA на кожен бізнес-юніт) і HR-комунікаційну (входи у вакансії і борд). На технологічному боці — WordPress з кастомною темою, без зайвих плагінів, повна двомовність і чиста SEO-структура. У home-портал-форматі сайт зчитується за дві хвилини скролу — рівно стільки, скільки потрібно першому контакту з холдингом.