РЕДАЧ

Как мы собрали сайт для NutriFit на Taptop и не потеряли душу проекта в коде

🔸 Задача: Создать брендинг и сайт для центра нутрифиологии и коррекции фигуры NutriFit

🔸 Стилистика: Микс бенто и флет‑анимации

🔸 Цвета: Белый, оливковый, сложные градиенты

🔸 Концепция верстки: Сайт полностью реализован на платформе TapTop (аналог Webflow)

🔸 Сроки на проект: 1.5 месяца

🔸 Статус: Запущен, работает

🔸 Перейти на сайт клиента
Иногда проект цепляет не задачей, а историей, что за ним стоит. Так случилось с сайтом для NutriFit — центра нутрициологии и коррекции фигуры.

Его основатель, Артём Кравченко, в 2020 году тяжело перенёс COVID-19 — отказали почки. Теперь он пожизненно на диализе, но не сдаётся. Артём продолжает двигаться вперёд — в работе, жизни, тренировках. Сегодня он выглядит как атлет, помогает людям восстанавливаться, держать форму и не терять веру в себя.
Сайт мы строили вокруг его философии: здоровье — это не только ПП и железки. Но еще любовь к себе и дисциплина. Мы хотели, чтобы сайт передавал его энергию его основателя — спокойную, сильную и уверенную.

Работой для NutriFit мы гордимся вдвойне. Это наш первый сайт, созданный на Taptop. В карточках наш креатдир Катя рассказала, как его собирали и почему Taptop — это пушкаогонь.

Почему выбрали Taptop

Taptop — визуальный редактор кода, с чёткой логикой и структурой. Вот чем он круче Tilda:

  • Больше свободы в дизайне

  • Стабильная работа без глюков

  • Быстрая загрузка даже при сложных анимациях

  • Плавная адаптация без «рваных» блоков

  • Командная работа, как в Figma

  • Код можно перенести на любой хостинг или доработать при желании

Дизайн отражает философию

NutriFit — это проект про осознанный подход к здоровью, а не про запреты, жёсткие диеты и спорт.

Использовали:

  • Мягкие оливковые оттенки и чистые градиенты

  • 3D-элементы и короткие видео вместо статичных фото

  • Воздух и выверенный визуальный ритм

  • Современную типографику

Фишки проекта

Сайт получился не только стильным, но интерактивным и функциональным.

Что реализовали:

  • Облако хештегов с решениями: наводишь на # — всплывает подсказка, что делать

  • Блоки с подпиской на здоровье

  • Быстрый и плавный адаптив

  • Сложные анимации

Taptop оказался сложнее, чем думали

Особенности:

  • Каждый элемент связан с другим — логика как в коде

  • Если удалить один контейнер, поедет вся структура

  • Нужна чёткая, продуманная логика

  • Нужно заранее готовить UI-kit, Auto Layout, компоненты

Инструмент, который прокачивает

Taptop — это новый уровень мышления для дизайнеров.Он возвращает в профессию то, что теряется в конструкторах: логичность, системность, уважение к структуре.
2025-10-25 16:12 Кейсы Креатив