Демо для заказчиков, которым нужен перенос готового дизайна на Тильду. Бизнес вымышленный: гончарная мастерская «Круг». Задача: перенести макет из Figma на Tilda один в один, чтобы тексты и картинки можно было править в редакторе без программиста, а страница нормально выглядела на любом телефоне.
Сверстал страницу из 9 блоков Zero Block: шапка, первый экран, мастер-классы, как проходит занятие, глазури, сертификат, отзывы, запись, подвал. Всё слоями, а не картинкой. Подключил шрифты и стили только для этой страницы. Настроил адаптив под все ширины Тильды: 1200, 960, 640, 480 и 320 пикселей. Сделал форму записи: имя, телефон с маской, выбор мастер-класса и обязательная галочка согласия на обработку данных. Технически: Tilda, Zero Block, вёрстка по макету Figma, адаптивная вёрстка, Landing Page.
Страница опубликована на Тильде и открывается по ссылке. На компьютере совпадает с макетом, на телефоне не разваливается, тексты меняются в редакторе Тильды. На этом примере показываю, как будет выглядеть ваш макет после переноса.