Верстка сайта на Tilda по макету в Figma (мобильная + десктоп версия)
Портфолио Обязательно предоставьте примеры ваших работ на Tilda, чтобы я мог убедиться в вашем опыте и качестве исполнения.
Описание проекта Необходим одностраничный сайт на платформе Tilda, полностью соответствующий дизайну, который я создал в Figma. Сайт должен быть адаптирован под все устройства — десктоп, планшет, мобильный.
Основные параметры Платформа: Tilda Дизайн: готов в Figma Тип сайта: одностраничник по продаже живых ёлок Структура: - 7 основных блоков - 6 блоков для отступов (градиент) Количество товаров: до 15 артикулов
Требования к выполнению 1. Точная верстка: сайт должен быть выполнен строго по макету из Figma — все элементы, размеры, цвета и шрифты должны полностью совпадать с дизайном. 2. Адаптивность: сайт должен корректно отображаться на всех устройствах и разрешениях экрана. Проверка — на мобильных, планшетах, ноутбуках и больших мониторах. Никакие элементы не должны «вылазить» за пределы экрана. 3. Логика взаимодействия: все кнопки должны быть кликабельными и вести к нужным разделам. Необходима динамическая цена, изменяющаяся при выборе размера товара или опции. Поясните, как настраивается механизм изменения цены, чтобы я мог редактировать его в будущем. 4. Window Container (адаптация под экран): настроить блоки так, чтобы при изменении масштаба или разрешения экрана сайт не увеличивался и не уменьшался, а текст, изображения и элементы оставались читаемыми и пропорциональными. В блоках Zero Block использовать режим Window Container. 5. Анимации и эффекты: на главной странице — слайдер с промокодом, который автоматически перелистывается каждые 3 секунды. Объясните, как изменить тайминг перелистывания. При наведении на кликабельные элементы должна отображаться плавная анимация. 6. Раздел «Добавить в корзину» и форма заказа: я подготовлю макет формы в Figma и передам вам во время работы. Прошу уточнить, можно ли кастомизировать форму и какие ограничения есть у Tilda. 7. Интерактивность: все элементы и переходы должны быть плавными и без сбоев. 8. Редактируемость: я планирую самостоятельно редактировать сайт. Если есть особенности при изменении контента, пожалуйста, объясните, чтобы я не испортил сайт. 9. Вставки и интеграции: вставить Яндекс.Карты с адресом нашей организации и добавить отзывы с Яндекс.Карт. 10. Проверка и тестирование: сайт должен быть протестирован на всех устройствах и во всех популярных браузерах.
Ожидаю получить • Полностью рабочий сайт, соответствующий дизайну из Figma. • Кликабельные кнопки и корректную логику изменения цены. • Инструкции по редактированию контента (описание, фото и т.д.). • Подтверждение, что сайт адаптирован и протестирован на всех устройствах.
Важно Работа не будет оплачена, если сайт будет выполнен с ошибками в адаптации, анимации или верстке, либо если элементы будут выходить за границы экрана.