Pilates.me: сайт на Framer и мой переход к разработке с AI

Сайт Pilates.me в Дубае я спроектировал и целиком собрал во Framer. В этой работе мне была важна возможность самому управлять композицией, типографикой, адаптивной вёрсткой и анимацией — и видеть на опубликованной странице то, что я задумал в редакторе.

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

Где мне стало тесно

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

Но главным для меня был контроль над кодом и инфраструктурой. Во Framer хостинг, рендеринг, обработка изображений, шрифты и публикация тесно связаны с самой платформой. Даже когда есть способы выгрузить данные или воспользоваться сторонним экспортом, это не даёт того же рабочего процесса, что собственный репозиторий.

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

Что изменилось в работе

Framer по-прежнему может быть первым инструментом для поиска композиции, движения и общего визуального направления. Когда язык дизайна понятен, я переношу его в собственный код с помощью AI-агентов. Для сайтов, где главное — содержание, часто выбираю Astro и TypeScript, а статическую сборку размещаю в Cloudflare.

Ниже — локальная копия опубликованного сайта Pilates.me. Здесь сохранены оригинальные дизайн, шрифты и изображения Framer; страницу можно прокручивать и рассматривать как настоящий сайт. Внешние обращения отключены.

Сайт Pilates.me

Архивный интерфейс · демонстрационные данные

Так я получил больше контроля над маршрутами, SEO, скоростью страниц, структурой контента и будущими интеграциями. У нескольких проектов ушла необходимость платить отдельную подписку конструктора за каждый сайт. Расходы на размещение при этом зависят от нагрузки и используемых сервисов.

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

Pilates.me остаётся примером проекта, для которого я выбрал Framer. Сам инструмент я тоже не списываю: для визуального маркетингового сайта, который нужно быстро запустить и удобно редактировать, он по-прежнему может подходить. Теперь я выбираю окончательную платформу под конкретный проект.

Pilates.me остаётся проектом на Framer: композиция, адаптивность и анимация собраны в этом инструменте. Мой переход к собственному коду относится к следующим работам. Здесь важно показать качество самого сайта, а не объявить задним числом его AI-приложением.

Посмотреть Pilates.me. Моё портфолио и версия на Framer.

Экраны и записи проекта

Связанные истории: Портфолио из Framer в Astro · Этапы PAC Journeys.