Переезд Uprock на Taptop: как онлайн-школа перенесла 3 сайта, 2800 студенческих проекта и 34 000 фотографий без потери данных

Студия и онлайн-школа дизайна Uprock переезжала с Webflow на Taptop с тремя сайтами разного масштаба и сложности — от редизайна до переноса большого каталога студенческих работ. Разбираем, почему команда решила перенести сайты на Taptop и как это происходило на практике.

 

Компания

Uprock — студия и онлайн-школа дизайна. Студия больше 14 лет создаёт проекты, которые вдохновляют клиентов, пользователей и дизайн-индустрию: уровень дизайна признан международными экспертами, на счету студии 150+ дизайн-наград. Школа Uprock больше 7 лет обучает UX/UI-дизайну и развивает профессиональное сообщество — №1 по количеству наград и опубликованных проектов студентов.

 

Компания ведёт несколько внутренних проектов на отдельных поддоменах: сайт школы  — school.uprock.ru, каталог студенческих работ — projects.uprock.ru и сайт агентства — agency.uprock.ru. Раньше все эти сайты три жили на Webflow.

 

 

Проблема: оставаться на Webflow рискованно, а перейти на Tilda — не вариант

Перед командой стоял выбор: что делать дальше.

 

Webflow стал рискованным. Весной 2025 года в России начались проблемы с доступом к зарубежным сервисам, и никто не понимал, какие ограничения появятся дальше. Команде нужна была платформа, на работу которой можно рассчитывать.

 

Tilda не выдержит объём. У Uprock был не просто сайт-визитка: один только каталог студенческих работ — это тысячи карточек с изображениями, описанием и автором. На Webflow команда привыкла работать с гибкими коллекциями — CMS, способной держать такой объём контента, а не набором статичных страниц. 

 

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

 

То есть на выбор платформы влияли не дизайнерские ограничения — решающим фактором была CMS: нужна была замена Webflow, которая сохранит привычный подход к коллекциям, но без рисков зарубежного сервиса.

 

Почему для переезда выбрали Taptop

Про платформу узнали через знакомство: один из студентов школы посоветовал Taptop Евгению Кузьмину, руководителю Uprock, а дальше пошла прямая коммуникация с командой платформы.

 

Среди российских платформ Taptop оказался ближе всего к тому, с чем команда уже умела работать в Webflow: в основе — гибкие коллекции, а не статичные страницы, плюс кастомный код там, где готовых инструментов не хватает. Это совпадение подхода и стало решающим.

   

Других вариантов, кроме Taptop, всерьёз не рассматривали — альтернативой было просто остаться на Webflow.

 

Три сайта — три разных по сложности переезда

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

   

Сайт школы school.uprock.ru: редизайн по блокам

Это не был перенос «один в один». Дизайн пересобрали полностью — вместе с позиционированием и контентом курсов.

 

«Получается, и новая подача контента, обновления, которые появились в тех или иных курсах. Глобально это новый сайт с новыми программами, с новыми данными, с новой информацией — и на новом хостинге.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

 

Над сайтом работали 8–9 дизайнеров студии и 3–4 разработчика. Александр Гудаев в этом процессе выступал куратором — сам не верстал, а согласовывал дизайн-решения по готовым блокам, передавал их в разработку и проверял результат.

 

Чтобы ускорить процесс, страницы собирали не целиком, а по блокам — повторяющиеся элементы переиспользовались, как в конструкторе: блок согласовывали, передавали в разработку, проверяли результат, и только потом собирали из готовых блоков страницы. Всего на сайте около 18 страниц, в среднем по 25 блоков на странице.

 

Поскольку в Taptop пока нет совместного редактирования в реальном времени, команда разработчиков решила это организационно: каждый специалист вёл свои блоки в отдельном проекте, а общий UI Kit продублировали на все проекты. Готовые блоки в конце сводили в одну библиотеку компонентов.

 

Каталог проектов projects.uprock.ru: перенос, которого ещё не делали в Taptop

Самая технически сложная часть переезда — каталог студенческих кейсов. Каждый проект — это набор изображений, текстовое описание, автор и ссылки на другие его работы. Всего в коллекции набралось 2800 элементов и 34 000 изображений.

 

 

Решение строилось в несколько шагов:

1. Выгрузили данные коллекции из Webflow в CSV-файл.
2. Параллельно вытащили все 34 000 изображений, проверили, какие из них нерабочие, и залили рабочие на Яндекс.Облако — чтобы файлы не зависели от хостинга Webflow и не пропали при отказе от старой платформы.
3. Адаптировали поля CSV под структуру, разработанную в Taptop — для этого создали отдельную страницу-шаблон с аналогичными полями, чтобы данные из таблицы легли точно в нужные места.
4. Загрузили финальную таблицу со ссылками на изображения в облаке. На этом этапе очень помогла техподдержка Taptop.

 

Таблица со списком проектов для импорта

 

На момент проекта массовый CSV-импорт ещё не был готовой функцией Taptop — сейчас она в роадмапе платформы. Команда Uprock фактически стала одной из первых, кто реализовал перенос такого объёма по этой схеме, в тесной связке с поддержкой.

 

«Здесь объективно огромную роль сыграла команда разработки внутри Taptop. Мы с ними были на очень близком контакте, большое спасибо поддержке Taptop, которая каждый день была на связи.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

Страница проекта в редакторе Taptop

 

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

 

Всего в проекте 6 коллекций — и команда не встретила лимитов ни по их числу, ни по количеству элементов внутри, несмотря на почти 3000 элементов в одной только коллекции проектов.

 

Коллекции в проекте

 

Сайт агентства agency.uprock.ru: с нуля и быстрее всех

Сайт uprock.ru разрабатывали без опоры на старую версию в Webflow — полностью с нуля, новый дизайн и контент. Из трёх проектов этот занял меньше всего времени: около двух–трёх недель.

 

  

Какие особенности Taptop команда отметила при переносе сайтов

Система классов проще, чем в Webflow. В Webflow дизайнеры и разработчики привыкли к комбо-классам — у них своя логика, которую нужно отдельно изучать. В Taptop система устроена иначе: новый класс добавляется со своими свойствами и не привязан к другим классам.

 

«В Taptop просто другая система работы с классами: мы добавляем класс и добавляем для него свойства, новый класс не привязан к предыдущему. В Webflow комбо-классы для некоторых ребят могут создать сложности на старте.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

Анимации более интуитивные. В анимациях на Taptop меньше настроек, чем в Webflow, они проще в работе и более понятны для начинающих.

 

Контекстные селекторы упрощают интерактивность. Сценарии вроде «при клике элемент меняет вид» в Taptop делаются через контекстные селекторы. В Webflow для похожего результата нужен более сложный Interaction.

 

Кастомный код встаёт легко. Там, где готовых инструментов не хватало — например, логика кнопки «показать ещё» в коллекциях — это быстро доделывали кодом, без конфликтов с платформой. Помогают подсказки в редакторе кода: при написании embed-кода система предлагает не только стандартные CSS-свойства, но и распознаёт локальные классы, которые разработчик сам добавил в проект, — и подсказывает их по ходу набора.

 

«С embed-кодом нет проблем. Ставится легко, либо вверх, либо вниз страницы. Добавили подсказки — ребята молодцы.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

SEO-семантика настраивается легко. Заголовки H1–H4, теги header/footer/main проставляли отдельным проходом уже после вёрстки всех страниц — заняло около недели на весь сайт.

 

Интеграции и редиректы подключаются без проблем. Формы работают через встроенный функционал платформы, аналитику подключили через Яндекс.Метрику. Там, где при переезде менялась URL-структура, настроили редиректы со старых адресов — чтобы пользователи и поисковики не попадали в никуда.

 

Техподдержка очень хорошо помогает. Команда несколько раз возвращалась к этому в разговоре — поддержка Taptop была на связи каждый день на протяжении всего проекта.

 

«А ещё то, что техподдержка работает очень хорошо, и как бы кайф.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

Как команда работает с сайтами сейчас

Для команды внутри Uprock главное изменение после переезда — самостоятельность в работе с контентом. Срочные правки — сменить цену курса, обновить предложение — теперь не идут через верстальщика. Интерфейс Taptop достаточно понятный, чтобы разобраться без помощи разработчика и сразу понять, куда кликать.

 

Редактор Taptop в режиме наполнения контентом

 

На момент интервью переезд ещё не был завершён целиком: страницы блога (лонгриды) оставались на Webflow, сайт агентства был на финальном этапе и пока не опубликован. Команда сознательно не торопила полный релиз — продолжала параллельно поддерживать старые версии там, где новые ещё не были готовы.

 

Результаты на сегодня

• Сайт школы и каталог студенческих проектов перенесены на Taptop; сайт агентства — на финальной стадии
• Сайты стабильно работают в России без зависимости от зарубежного сервиса
• Перенесли крупнейшую на тот момент по объёму коллекцию в практике платформы — 2800 элементов и 34 000 изображений — без потери данных
• Функция массового CSV-импорта, которой не было готового решения на момент проекта, легла в роадмап Taptop
• Срочные правки контента — команда вносит их сама, без привлечения верстальщиков

 

«UPROCK — официальные партнеры Академии Taptop. Это дает возможность влиять на развитие продукта, а не просто им пользоваться. Это открывает нам совсем другие возможности и для обучения, и для проектов учеников».
	Евгений Кузьмин Руководитель Uprock

 

Советы команды для тех, кто планирует переезд

«Глобально я бы сначала посоветовался или заказал консультацию у специалистов Taptop. Бесплатно можно проконсультироваться, понять возможности платформы — сесть со специалистами, обсудить, что в целом можно реализовать, понять, что такое коллекция, как строится разработка. После этого уже можно искать специалиста, который организует переезд или сверстает новый сайт.»
	Александр Гудаев UX/UI-дизайнер, куратор проекта переезда Uprock

 

«Не бойтесь связки с новым продуктом. Нейросети или другие конструкторы не дают такого глубокого контроля за вашим проектом — здесь вы практически не ограничены в возможностях его верстки. Также немаловажно, чтобы была отзывчивая поддержка от самого продукта, где вы сможете напрямую задавать вопросы и быстро их решать».
	Евгений Кузьмин Руководитель Uprock

 

Чеклист: как перенести сайт с большим объёмом контента без потерь

□ Закажите бесплатную консультацию у Taptop перед началом. Команда платформы поможет разобраться, что такое коллекция и как строится разработка на Taptop — и от этого отталкиваться при планировании переезда.

 

□ Начните с тестовых небольших страниц. Прежде чем переносить основной сайт, проверьте платформу на менее критичных проектах.

 

□ Заранее обсудите с поддержкой формат массового переноса. Если у вас тысячи повторяющихся карточек — не ищите обходных путей в одиночку, это может быть нетиповая задача даже для платформы.

 

□ Храните медиафайлы независимо от старой платформы. Перед переносом выгрузите изображения на отдельный облачный хостинг — это убирает риск потерять их при отключении старого сервиса.

 

□ Закладывайте SEO-семантику сразу при сборке блока. Отдельный проход по всем страницам в конце работает, но создаёт лишний объём работы — удобнее заложить теги сразу в процессе вёрстки блока.

 

□ Договоритесь о принципе совместной работы заранее. Если несколько разработчиков верстают параллельно без live-редактирования — определите, как сводить блоки в общую библиотеку компонентов.

 

Попробуйте Taptop для своего проекта

Если у вас большой объём контента и платформа не справляется с масштабом — попробуйте Taptop.

 

Создайте аккаунт и попробуйте платформу на своём проекте — запустите новый сайт или перенесите готовый.

 

Или запишитесь на демо-тур — мы покажем платформу и ответим на ваши вопросы.

 

Попробовать Taptop бесплатно → 

Записаться на демо-тур →