Кейс Nutricia: как создавать ИТ‑продукты в чувствительных сферах
Проекты, связанные с медицинской сферой, всегда требуют особого подхода. В кейсе кето‑калькулятора сошлось все: внимание к специфике болезни, удобство интерфейса, точность расчетов и возможность привлечь врачей к продукту.
В рамках работы с компанией Nutricia нам нужно было разработать нестандартное решение — онлайн кето‑калькулятор. В итоге мы создали формулу, страницу калькулятора и личные кабинеты, продумали дизайн и даже SEO‑оптимизировали решение. А еще по пути успели вдохновиться историей и сильнее полюбить свою работу за возможность создавать такие проекты.
Немного бэкстори
При эпилепсии в мозге возникают патологические электрические импульсы, вызывающие судороги. Если большинство пациентов успешно контролирует симптомы с помощью медикаментов, то в случае с детьми ситуация может быть сложнее. У некоторых пациентов развивается форма эпилепсии, которая плохо подчиняется медикаментозному лечению.
В таком случае помогает специальный режим питания — кето‑диета. В ее основе находятся жиры, а углеводы минимизируются. Так организм переключается на расщепление жиров, а это приводит к выработке кетоновых тел — они способны облегчать симптоматику болезни. Однако для эффективности диеты необходимо строго соблюдать баланс всех питательных веществ. Даже незначительные отклонения от рекомендуемых значений способны снизить эффективность лечения.
Чтобы избежать таких рисков, необходим кето‑калькулятор — с его помощью можно рассчитать план питания и отследить нужные пропорции элементов с учётом возраста, веса и других параметров ребенка. Это значительно упрощает составление меню и контроль состояния пациента.
Его мы и разработали для заказчика. Это подразумевало следующие задачи:
- Сделать калькулятор максимально точным.
- Разработать понятный и удобный каждому пользователю UX.
- Привлечь врачей к площадке и обратить внимание пользователей к продукции Nutricia — специальному питанию.
Их мы успешно реализовали за 5 месяцев: с помощью продуманного функционала, удобного дизайна и SEO‑оптимизации.
Рассылка: как открыть бизнес с нуля
Узнайте, где взять идею для бизнеса, как найти деньги, привлечь первых покупателей и выйти на прибыль. Десять коротких писем, которые помогут предпринимателю успешно стартовать
Как мы это сделали: начало пути
Клиент уже пришел к нам с готовым техническим референсом — изначально планировали небольшую доработку и создание дизайна. Однако чем больше мы погружались в проект, тем больше понимали, что нам нужно реализовать. К изначальному пулу работ прибавились различные пользовательские сценарии, поисковая оптимизация и, самое главное, — шлифовка формулы калькулятора.
Мы взяли изначальную версию продукта, разобрали код и положили его в основу нашего калькулятора.
Что получили в итоге: у нас есть формула для расчета целевых суточных Углеводов и Жиров в зависимости от значений Кетогенного соотношения, Калорий и Белка. Она выглядит так:
Углеводы = ( Калории / 9 х Соотношение + 4) — Белок
Жиры = ( Калории / 9 х Соотношение + 4) х Соотношение
Кроме формулы, у калькулятора есть две сущности: Продукты и Блюда. На их основе можно составлять кастомные рецепты и смотреть актуальное соотношение веществ. После БЖУ суммируется — отдельно за прием пищи и за целый день.
База Рецептов и Продуктов
В самом начале мы подготовили масштабную базу продуктов, которая должна была стать основной калькулятора. В ней было более 5 000 разных единиц. Так пользователи могли найти в калькуляторе почти все что угодно и сразу увидеть нужную им информации по соотношению веществ. Однако из‑за юридических ограничений необходимо было работать с каталогом заказчика. Сейчас у нас более 400 продуктов и 50 блюд, а создание новых занимает всего минуту. Несмотря на кратное уменьшение количества, база закрывает большинство потребностей пользователей.
Один из наших специалистов по серверной части выполнил масштабную работу для расширения возможностей калькулятора: создал продвинутую админ‑панель, где теперь собраны все продукты. Она в том числе позволила собирать аналитику по взаимодействию пользователей с решением.
Панель значительно упростила пользовательский опыт. Теперь пациенты легко добавляют в систему новые продукты и отслеживают изменения в составе БЖУ своего рациона. Им больше не нужно ничего запоминать — достаточно внести съеденное в калькулятор, и он сразу покажет, есть ли необходимое соотношение нутриентов. Если оно не достигнуто — можно узнать, какие компоненты отсутствуют.
Кроме того, поскольку наша задача заключалась в привлечении внимания к продукции заказчика, мы интегрировали в инструмент лечебное питание Nutricia для людей с эпилепсией. На страницу добавлены кликабельные баннеры с его изображением, а также этот продукт включен в перечень калькулятора.
Личный кабинет: новые возможности и удобства
После самого калькулятора мы создали Личный кабинет, который значительно расширил функционал для пациентов и врачей. Здесь пациенты могут вести дневник питания, а врачи — контролировать рацион и своевременно выявлять отклонения.
У ЛК есть три уровня доступа.
Для гостей без регистрации. Они могут просматривать состав БЖУ продуктов и готовых блюд, изменять вес ингредиентов, убирать ненужные компоненты и добавлять собственные рецепты. Однако сохранить данные в дневник питания нельзя.
Для зарегистрированных пользователей. Они получают расширенный набор функций: можно сохранять продукты и блюда для повторного использования, редактировать их, а также вести историю питания в календаре — это удобно для отслеживания динамики. Кроме того, можно корректировать личные параметры (возраст, рост, вес), что важно для точного составления диеты.
Для врачей. Медицинские специалисты создают персональные ссылки для подключения пациентов. Это позволяет им отслеживать статистику питания, своевременно давать рекомендации, корректировать кетогенное соотношение и подбирать оптимальные блюда и продукты.
Дизайн и удобство работы
Параллельно с технической частью мы разработали дизайн для десктопной и мобильной версии сайта. Основной целью было создать простой и понятный интерфейс, который позволял бы пользователям быстро добавлять продукты или блюда и получать нужную информацию без лишних сложностей.
Еще одним значимым результатом стала успешная SEO‑оптимизация. Так наш сайт попал в топ‑10 поисковых выдач.
Что сделали:
- Собрали семантическое ядро, связанное с темой кето‑диеты и грамотно распределили его по целевым страницам. Были созданы мета‑теги для разделов, а также настроены автоматические шаблоны для однотипных страниц с блюдами и продуктами.
- Кроме того, мы настроили канонические URL и индексацию, чтобы исключить из поиска малоинформативные страницы. Сервер был оптимизирован для корректной обработки сложных ссылок и перенаправлений между разными протоколами.
- Для повышения релевантности текстового контента был создан специальный блок в стиле калькулятора с экспертным материалом о кетогенной диете и самом инструменте. Чтобы не перегружать пользователя, описание оформили в виде вертикального списка заголовков.
Этот проект был для нас особенно важным, — поскольку результаты, которые выдает калькулятор, напрямую влияют на корректировку лечебной программы. Поэтому каждая деталь продукта требовала максимальной точности и надежности. В итоге мы создали не просто калькулятор, а комплексное решение, которое удобно использовать как родителям и детям, так и врачам — что было приоритетно для Nutricia.
