Далее & Nutricia: развитие сайтов и порталов производителя специализированного питания

Запустили серию цифровых спецпроектов для международной компании Nutricia. Среди них — путеводитель для мам новорожденных, кэшбэк-программа с «Детским миром» и кластер «Готовим для жизни». Рассказываем, какие решения легли в основу и как развиваем платформы компании — на WordPress и 1С-Битрикс.

Nutricia — компания с мировым именем, которая заботится о питании детей, а также о здоровье и восстановлении взрослых. На сайтах производителя можно найти не только продукты известных брендов, но и много полезного контента.

Nutriclub.ru — площадка для мам малышей, где Nutricia делится интересными материалами, программами питания и советами. Работает на WordPress. 

Nutricia-medical.ru — портал на 1С-Битрикс для врачей и пациентов, которые проходят лечение и реабилитацию. Здесь особенно важно поддерживать доверие и экспертность.

Компания пришла к нам с запросом на digital-партнерство. Она уже вела активное общение с аудиторией через онлайн-площадки, но хотела усилить эффект:

1. создать бренд-страницы для ряда брендов,
2. сделать путь пользователя удобнее, 
3. улучшить визуальный и технический уровни.

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

«Диджитал-стратегия Nutricia направлена на рост доверия потребителей через создание полезного контента. Мы развиваем сайты как площадки, где наша аудитория может получить проверенную информацию и познакомиться с продуктами. 

У текущей диджитал-стратегии были базовые маркетинговые цели: повысить узнаваемость брендов, укрепить лояльность и увеличить конверсии в онлайн-продажах».

Пухкалова Елизавета

Digital Brand Specialist 

Вместе со специалистами Nutricia мы создали цифровые каналы спецпроектов и обновили digital-инструменты компании. 

Мультилендинг «Маме новорожденного»

Посмотреть креатив на сайте nutriclub.ru →

Спецпроект «Маме новорожденного» задуман как поддержка девушек в первые месяцы после родов. Это удобный навигатор на основе реального опыта материнства. В нем есть все, чтобы молодая мама почувствовала себя спокойнее и увереннее: 

1. специальное меню от шеф-повара, 
2. экспертные статьи и пошаговые рекомендации, 
3. генератор колыбельных. 

Фокусная часть — раздел с меню для кормящих мам. Это удобные ежедневные подборки с рецептами, которые можно скачать в PDF. Главная идея — донести, что во время грудного вскармливания маме можно и нужно питаться вкусно. 

Наша работа:

1. Разработали многостраничный лендинг.
2. Настроили систему отслеживания эффективности — свели данные из разных отчетов Метрики, собрали UTM-аналитику по регионам и каналам.
3. Готовим ежемесячные отчеты по переходам с рекламных кампаний и QR-кодов из офлайн-материалов.

Проект поддерживает миссию бренда и помогает мамам не чувствовать себя один на один с новой реальностью.

Акция «Оно того стоит!»

Посмотреть креатив на сайте nutriclub.ru → 

Nutricia регулярно проводит кампании, которые поддерживают родителей, выбирающих их бренды. Акция «Оно того стоит!», созданная в партнерстве с «Детским миром», стала одной из таких. Стратегическая задача проекта: упростить вход в категорию и помочь родителям на протяжении всего пути использования детских смесей, предоставляя кэшбэк за детское питание. При этом важно, чтобы участие было максимально простым и понятным.

Наша работа:

1. Создали промо-страницу на nutriclub.ru и ее копию для поддомена «Детского мира» — с минорными изменениями UI под стиль партнера. 
2. Настроили DNS-записи для работы копии на поддомене detmir.ru.
3. Совместно с DAU Marketing проработали механику акции.
4. Синхронизировали работу стейкхолдеров проекта, включая поставщика подарочных сертификатов Giftery и представителей CRM KonnektU.

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

Всего за три недели страница креатива собрала 59 030 просмотров от 47 442 посетителей и 1462 переходов на регистрацию. 

Спецпроект «Готовим для жизни»

Посмотреть креатив на сайте nutricia-medical.ru →

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

Наша работа:

1. Создали многостраничный лендинг на 1С-Битрикс и Vue.JS — для реактивного фронта. Объединили весь контент в одну систему: видео, рецепты и статьи. 
2. Добавили ссылки на внешние источники для перехода пользователей к подробным материалам Nutricia Medical.
3. Адаптировали дизайн десктопных макетов, которые предоставил заказчик. Исходный визуал включал волнистые декоративные элементы и сложную геометрию — настроили корректное отображение на мобильных устройствах и планшетах.
4. Добавили возможность скачивания рецептов в PDF, чтобы пользователь мог к ним возвращаться и в офлайн-режиме.  

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

Как итог, у первого выпуска шоу 2,3 млн просмотров за 3 месяца.    

Продуктовая страница «Питание после бариатрической операции»

Посмотреть на сайте nutricia-medical.ru →

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

Наша работа:

1. Разработали UI и сверстали лендинг, сохранив визуальный стиль медицинского направления Nutricia. Страницы выстроены по логике пути пациента — от поддержки человека до рекомендаций по питанию и подбору продуктов.
2. Оптимизировали структуру под SEO и UX. Использовали подход Bento UI и разделили длинные блоки на короткие информативные карточки.

Лендинг стал одной из точек входа для пациентов, интересующихся специализированным питанием. Это прозрачный канал коммуникации в чувствительной медицинской теме. 

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

Развитие платформ Nutriclub и Nutricia Medical

Параллельно с разработкой промо-проектов мы поддерживаем и дорабатываем сами платформы бренда. Следим, чтобы digital-направление Nutricia оставалось стабильным и готовым к новым активностям, независимо от нагрузки и количества параллельных задач.

UX-аудит и решения

1. Провели UX-аудит обоих сайтов — просмотрели поведение посетителей и изучили CJM. Выделили ключевые зоны, где пользователи чаще всего теряются: меню, формы и страницы продуктов.
2. Для Nutricia Medical собрали новую структуру, которая учитывает пожелание клиента сделать сайт более продуктовым и повысить конверсии.  
3. Обновления внедряем постепенно, в коротких итерациях. Так мы можем тестировать гипотезы и не нарушать работу действующих страниц.

Техническая база и инфраструктура

1. Подключили обе платформы к Git и выстроили CI/CD-процесс, чтобы релизы проходили безопасно и быстро.
2. Настроили тестовые среды с отдельной базой данных. Каждая ветка разработки собирает свой стенд — изменения можно проверять до публикации.
3. При публикации конкретных merge request проводим миграцию частей БД. Периодически делаем полную синхронизацию — переносим актуальную продуктовую БД на тестовые среды, чтобы разработки шли в максимально приближенных условиях.

Аналитика и доработка

1. Отказались от зарубежных сервисов. Отключили Google Analytics и Google Tag Manager. Убрали вставки видео с YouTube на сайте Nutricia Medical — перенесли более 150+ роликов на RuTube и обновили все iframe.
2. Провели рефакторинг веб-аналитики. Перенесли все теги в единый JS-файл, чтобы упростить управление кодом и обновления. Переработали цели и события в Яндекс.Метрике. Добавили контентную аналитику, которая показывает, как пользователи воспринимают статьи.
3. Подключили пиксели рекламных систем. Используем Weborama для передачи событий и аудита кампаний. ВК-реклама — для оценки эффективности продвижения и ретаргетинга.
4. Настроили отслеживание целей видео: система автоматически передает события о прогрессе просмотра ролика, параметры страницы и URL.

Функционал и интеграция Nutricia Medical

1. По желанию клиента убрали с сайта прямые продажи и перенесли их на маркетплейсы. Заменили корзину модулем с внешними ссылками на аптеки и партнерские площадки — блок «Где купить» размещен в карточке продукта.
2. Добавили регистрацию врачей с отправкой данных в CRM KonnektU. Если человек уже есть в CRM или меняет, например, свой телефон, то мы об этом узнаем через журнал логов. 

Сейчас продолжаем обновлять платформы и создавать точки входа в digital-среду компании. Готовим страницы для 4 продуктовых линеек: Nutrilon Комфорт, Nutrilon Пепти Аллергия, Neocate, Малыш — на основе Bento UI и динамичной подачи. Такая визуальная концепция уже реализована для лендинга продуктов Nutrilon. 

Каждый проект Nutricia — результат тесной работы двух команд: экспертов бренда и продакшн-специалистов Далее. Совместно мы строим устойчивую цифровую коммуникацию на заботе и доверии клиентов к продуктам компании.

«Сотрудничество с Далее дает нам уверенность, что пользователи получат качественный, полезный и по-настоящему user-friendly контент. Это напрямую влияет на лояльность и конверсии. 

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

Мы планируем продолжать поддержку и развитие digital-проектов Nutricia, а также запускать новые инициативы — в том числе с партнерами компании».

Пухкалова Елизавета

Digital Brand Specialist

Команда проекта

Менеджмент:

1. Елена Пройдисвет – аккаунт-директор
2. Ася Миронова – руководитель группы 
3. Анастасия Кононенко – менеджер проекта 
4. Андрей Кашников – менеджер проекта 

Дизайн:

1. Андрей Шевченко – креативный директор Далее 
2. Максим Линдерман – UX-аналитик 
3. Елисей Столяр – UX-аналитик 
4. Максим Григорьев – UX/UI-дизайнер
5. Марина Нестеренко – UX/UI-дизайнер
6. Кирилл Нагирняк – UX/UI-дизайнер
7. Евгений Силинский – арт-директор 
8. Николай Селезнев – арт-директор

Разработка:

1. Марк Ким – бэк-тимлид
2. Владислав Климанов – бэк-тимлид
3. Павел Сидоренко – backend-разработчик
4. Дмитрий Сидоренко – backend-разработчик
5. Юлия Горева – frontend-разработчик
6. Дмитрий Исаев – frontend-разработчик
7. Алексей Воронин – frontend-разработчик

Тестирование:

1. Дмитрий Турлапов – QA
2. Егор Гаевой – QA

Аналитика:

1. Сергей Ящук – веб-аналитик
2. Иван Воробьев – бизнес/системный-аналитик

Контент:

1. Виктория Дремова – контент-менеджер
2. Павел Квасов — руководитель направления контента

DevOps:

1. Александр Сотов – DevOps-инженер
2. Сергей Степанов – DevOps-инженер

Узнать о других наших проектах

Можно на сайте dalee.ru — здесь мы рассказываем и показываем, как делаем крутые сервисы и платформы для Сбера, Haier, Polaris, Банка России и других крупных брендов.

В ТГ-канале @daleedigital — делимся полезными материалами про разработку и работу проектных команд в IT. Присоединяйтесь!