Подробности
Создал интерактивный лонгрид в Tilda по макету из Figma — проект о том, как символ сердца прошёл путь от природной формы и исторических изображений до универсальной современной иконки.
Что было сделано:
- Перенёс макет из Figma в Tilda с сохранением визуальной логики, розовой текстурной стилистики и сценария прокрутки.
- Экспортировал и подготовил графику: карты, сердца, монеты, исторические элементы, персонажей, декоративные объекты и фоновую текстуру.
- Собрал кастомный HTML/Vibe-блок внутри Tilda для точной вёрстки и анимаций.
- Настроил вертикальную прокрутку с горизонтальным движением таймлайна.
- Реализовал анимационные сцены: появление текста, движение карточек, наложение графики на текст и смену визуальных состояний.
- Исправил проблемы с лишними пустыми блоками, фоном, масштабом, позиционированием объектов и горизонтальным скроллом.
- Опубликовал сайт и проверил отображение после публикации.
Результат:
Готовый опубликованный сайт в Tilda, собранный по макету из Figma с кастомной интерактивной вёрсткой, scroll-driven-анимацией и адаптацией под просмотр в браузере.
Стек: Tilda, Figma, HTML, CSS, JavaScript, Zero Block, Vibe Coding, интерактивный лонгрид, scroll-driven animation.