Обсудить проект
Рассчитать стоимость
Основатель и креативный директор агентства
Максим Чеботков
Обсудить проект
Мой опыт
Услуги
Портфолио

Дизайн, разработка цифровых продуктов, сайтов и продвижение для бизнеса

Cоздаю дизайн-решения и разрабатываю сайты, которые помогают выделяться, улучшают пользовательский опыт и увеличивают продажи для компаний, готовых к изменениям.
Обсудить проект
Смотреть работы
Столярная мастерская «Стружка»
Лендинг на Тильде «под ключ»
Основная задача была разработать продающий и уникальный дизайн для франшизы. Клиент предоставил брендбук, структуру и тексты. Изображения сгенерировал с помощью AI— яркие, сочные, в стиле брендбука. На сайт добавил анимации и адаптировал под все устройства.
Проект 2026
Веб-дизайн, Разработка, Tilda
В разработке
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Скоро...
База отдыха для всей семьи «Бережок»
Редизайн многостраничного сайта
Основная задача — обновить старый сайт, добавить больше изображений и информации. Разработал структуру, написал тексты, подобрал шрифтовую пару и скорректировал цветовую палитру. Также на сайт добавили больше призывов к действию и подключили сервис travelline. В итоге получился — тёплый, живой и продающий сайт для семейной базы отдыха.
Проект 2026
Веб-дизайн, Разработка, Tilda
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Easleep
Редизайн интернет-магазина
Одностраничный сайт для дизайн и разработка на Тильде для интеллектуального помощника для сна. основной задачей было в максимально короткий срок запустить сайт с современным дизайном для презентации услуг и портфолио студии.
Проект 2026
Веб-дизайн, Разработка, Tilda
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Смотреть сайт
Проектирование домов Новая Архитектура
Лендинг на Тильде
Дизайн и разработка лендинга на Тильде для студии дизайна загородных пространств. Основной задачей было в максимально короткий срок запустить сайт с современным дизайном для презентации услуг и портфолио студии.
Проект 2024
Веб-дизайн, Разработка, Tilda
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Автоматизированная аренда прицепов
Лендинг на Тильде
Дизайн и разработка лендинга на Тильде для цифрового сервиса. Создал продающий дизайн, скорректировал цветовую палитру и подобрал шрифты. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2025
Веб-дизайн, Разработка, Tilda
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Цифровой сервис для стройки и ремонта
Дизайн презентации
Дизайн презентации для франшизы цифрового сервиса в сфере стройки и ремонта. Проработал структуру и тексты, создал продающий дизайн на базе готового фирменного стиля клиента. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2026
Дизайн, Структура, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Пекарня полного цикла Машенька Максимова
Дизайн презентации
Дизайн презентации для франшизы цифрового сервиса в сфере стройки и ремонта. Проработал структуру и тексты, создал продающий дизайн на базе готового фирменного стиля клиента. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2026
Дизайн, Структура, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Прокат самокатов Юрент
Дизайн презентации
Дизайн презентации для франшизы медицинских центров. Клиент предоставил тексты, структуру, фирменный стиль. Создал индивидуальную графику, точно попадающую в айдентику бренда. Франшизу упаковали в продающую презентацию для демонстрации потенциальным партнёрам.
Проект 2026
Дизайн, Фир. стиль, Графика
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Цифровая платформа для ресторанов, кафе и пекарен
Дизайн презентации
Дизайн презентации цифрового сервиса. Клиент предоставил структуру, тексты, логотип и скрины с приложения. Создал продающий дизайн, скорректировал цветовую палитру и подобрал шрифты. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2025
Дизайн, Цвета, Графика
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Франшиза киберспортивного магазина Fragstore
Дизайн презентации
Дизайн презентации для франшизы киберспортивного магазина. Клиент предоставил тексты, структуру. Создал дизайн, точно попадающую в бренда. Франшизу упаковали в продающую презентацию для демонстрации потенциальным партнёрам.
Проект 2026
Дизайн, Фир. стиль, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Cистема управления сертификатов, билетов и абонементов
Дизайн презентации
Дизайн презентации для продукта по учету подарочных сертификатов. Клиент предоставил тексты, структуру. Создал графику, которая понятно объясняет преимущества работы с сервисом. Упаковали продукт в продающую презентацию для демонстрации потенциальным клиентам.
Проект 2026
Дизайн, Фир. стиль, Графика
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Система вентиляции для регулирования микроклимата
Дизайн презентации
Дизайн презентации для франшизы цифрового сервиса в сфере стройки и ремонта. Проработал структуру и тексты, создал продающий дизайн на базе готового фирменного стиля клиента. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2025
Дизайн, Структура, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Сеть Центров Семейной Медицины «ЕваМария»
Дизайн презентации
Дизайн презентации для франшизы медицинских центров. Клиент предоставил тексты, структуру, фирменный стиль. Создал индивидуальную графику, точно попадающую в айдентику бренда. Франшизу упаковали в продающую презентацию для демонстрации потенциальным партнёрам.
Проект 2025
Дизайн, Фир. стиль, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Магазин модной женской одежды
Дизайн презентации
Дизайн презентации для франшизы цифрового сервиса в сфере стройки и ремонта. Проработал структуру и тексты, создал продающий дизайн на базе готового фирменного стиля клиента. Использовал индивидуальную графику, нейросети для генерации изображений и мокапы.
Проект 2024
Дизайн, Структура, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Лаборатория контроля качества работы
Дизайн презентации
Дизайн презентации для франшизы. Клиент предоставил тексты, структуру, фирменный стиль. Создал индивидуальную графику, точно попадающую в айдентику бренда. Франшизу упаковали в продающую презентацию для демонстрации потенциальным партнёрам.
Проект 2024
Дизайн, Фир. стиль, Тексты
Реализован
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Больше проектов
Бесплатный разбор сайта
с опытным специалистом, стратегия по улучшению
Проведу диагностику вашей компании и ее продуктов. Составлю план действий по улучшению вашего текущего сайта.
Записаться на разбор
Услуги

Уверенно закрываю все ваши задачи комплексно — от анализа до реализации и поддержки проекта

Дизайн и разработка
Продуманный дизайн, живые и продающие тексты, разработка сайтов на Тильде, Wordpress под ключ
Стоимость и сроки
от 60 000 ₽ / ~14 дней
Лендинг
Сайт на Тильде
Корпоративный сайт
Интернет-магазин
Экспресс-сайт
Брендинг
Узнаваемый образ бренда, отражающий характер, ключевые ценности и позиционирование
Стоимость и сроки
от 60 000 ₽ / ~14 дней
Логотип
Нейминг
Фирменный стиль
Брендбук
Презентация
Продвижение
Контекстная реклама и SEO-продвижение, привлечение новых целевых клиентов
Стоимость и сроки
от 30 000 ₽ / ~21 дней
SEO-продвижение
Контекстная реклама
Поддержка сайта
Экспресс-лендинг
Если время и бюджет ограничены. Идеально для старта, нового продукта или срочного запуска.
9 дней
0 правок
100 000 ₽
Заполнить бриф
9 дней
0 правок
100 000 ₽
этапы работы

Как строится процесс разработки?

Знакомство
Обсуждение проекта, брифинг;
Расчет стоимости и сроков;
Коммерческое предложение;
Заключение договора;
Внесение предоплаты;
Старт проекта.
Анализ
Анализ конкурентов;
Анализ целевой аудитории;
Разработка структуры сайта;
Создание текста;
Разработка прототипа;
Первый этап согласования.
Дизайн
Подбор референсов и создание мудборда;
Подбор цветовой палитры, шрифтов;
Создание двух концепций дизайна на выбор;
Второй этап согласования;
Разработка дизайн-макета в Figma;
Третий этап согласования.
Вёрстка
Вёрстка сайта (любая платформа);
Адаптация под все размеры экранов;
Работа с кодом, нестандартные решения;
Подключение модификаций и форм;
Анимация;
Четвертый этап согласования.
Финал
Подключение домена и сертификатов;
Базовая SEO-оптимизация;
Публикация сайта;
Оплата второй части работ;
Передача доступа и инструкций к сайту;
Финал проекта.
Обсудить проект
Начать сотрудничество
Пройдите пошаговый 5 минутный квиз. Ответьте на простые вопросы о вашем будущем проекте
Максим Чеботков
Основатель и креативный директор агентства
7
Лет работаю в сфере IT-услуг
120+
Реализованных
проектов
98%
Клиентов рекомендуют меня своим партнерам
обо мне

Создаю эстетичные интерфейсы и разрабатываю сайты, которые помогают выделяться, привлекать клиентов и увеличивать продажи

Меня зовут Максим, я основатель и креативный директор агентства. В сфере IT-услуг с 2019 года и за годы практики я имел возможность создавать проекты для малого и среднего бизнеса, стартапов и крупных компаний. Этот путь подарил мне не только богатый опыт, но и глубокое понимание различных потребностей рынка и поведения пользователей. Понимаю, как дизайн влияет не только на внешний вид, но и на результат.
В моём портфолио представлено большое количество успешно реализованных проектов, демонстрирующих мой опыт и навыки в дизайне и разработке сайтов. Моя миссия — это индивидуальный подход и внимание к каждому проекту, чтобы ваш продукт стал успешным на рынке.