Ventory.su

Встроился в готовый проект студии — вёрстка 6 страниц

Задача

Студия сверстала главную, нужно было дособрать остальные 6 страниц — сохранить стиль, типографику, отступы, меню и футер. Часть элементов дорабатывалась прямо во время вёрстки.

Что сделано

Сложная пошаговая анимация (SBS)

практически на каждой из 6 страниц

Кастомный JS-код

для красивой анимации по маске на весь экран, так как стандартных функций Тильды не хватало

Использовал Nolim

чтобы расширить базовые возможности Тильды

Починил баги

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

Сделал адаптив

под все устройства — от смартфонов до огромных мониторов (2560px)

Мультиязычность

Собрал английскую версию сайта с нуля: связал все страницы между собой, проверил работу поп-апов и настроил удобное переключение языков.

Market-magia

Интерактивная вёрстка лендинга с кастомным JS и сложной анимацией

Задача

Реализовать на Тильде сложный интерактивный лендинг по макету. Главный акцент нужно было сделать на микро-взаимодействиях и анимациях: сайт должен был получиться динамичным, без стандартных шаблонных решений Тильды.

Что сделано

Эффект печатания текста

на первом экране, написал JS-скрипт, который плавно меняет направления в заголовке: IT, SaaS, B2B, B2C

Решил проблему с прозрачностью

написал JS-код, который убрал черный фон у 3D-видео на всех устройствах и браузерах

Сделал интерактивный список при скролле

при прокрутке подсвечивается только та карточка, которая находится по центру экрана

Настроил разнообразную SBS-анимацию

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

Собрал кастомный слайдер с кейсами

настроил управление свайпом и стрелками с изменением цвета карточек при наведении

Эффект ролл-овера для ссылок

текст при наведении прокручивается наверх и меняет цвет

Сделал адаптив

адаптировал сайт под смартфоны и планшеты с сохранением работы всех скриптов и анимаций

Proiot.team

Интеграция в проект студии — верстка 3 дополнительных страниц

Задача

Доработка многостраничного сайта студии. Сверстал 3 новые страницы, строго соблюдая сетку, отступы и стиль уже готовой главной страницы.

Что сделано

Точное соблюдение дизайн-системы

скопировал сетку и отступы главной страницы, сохранив визуальную целостность всего сайта

Зацикленные SBS-анимации

спроектировал и настроил цикличную анимацию различных элементов в фирменном стиле сайта

Микро-анимация иконок

анимировал отдельные элементы в карточках, чтобы разбавить статичный интерфейс

Перенос блоков со скриптами

корректно перенес ранее созданные блоки со сложной логикой на новые страницы

Гибкая страница вакансий

собрал блок на автолейаутах Тильды, теперь карточки вакансий можно архивировать и менять без поломки верстки

Platform

Проектирование UI/UX масштабной крипто-платформы (11 страниц + прототипы)

Задача

Разработка сложной дизайн-системы и интерфейса криптобиржи. Проект изначально подготавливался к передаче в вёрстку по всем правилам и стандартам командной разработки.

Что сделано

7 промо-страниц с ТЗ на анимацию

оставил подробные комментарии и спецификации по анимации для будущих верстальщиков на каждом экране

4 страницы личного кабинета

спроектировал дашборды, кабинет, попапы и страницы входа/регистрации

Интерактивный прототип (ПК и мобильный)

собрал полностью кликабельный прототип кабинета, на котором клиент мог протестировать логику до верстки

Полный интерактивный UI Kit

отрисовал все возможные состояния элементов: поведение кнопок, плашек и списков при наведении и кликах

Чистая структура Figma-файла

организовал проект весом 200 МБ исключительно на Auto-layout, с понятной структурой слоев и неймингом

Мобильные версии для всех страниц

спроектировал адаптивный дизайн под смартфоны для промо-страниц и личного кабинета

Бриклайн.рф

Разработка кастомного интернет-магазина на Zero Block (40+ товаров)

Задача

Пересобрать сложный макет под стандарты вёрстки и масштабировать лендинг в полноценный интернет-магазин. Требовалось реализовать интерактивный подбор материалов, оптимизировать тяжёлую графику и настроить удобное управление товарами.

Что сделано

Интерактивный конфигуратор фасадов

написал JS-код, который меняет 3D-рендер дома на главном экране при клике на материал и цвет панели

Синхронизация Zero Block с каталогом Tilda

связал кастомный дизайн со стандартной базой данных: товары наполняются в админке, а отображаются в Zero Block

Динамические карточки товаров

реализовал смену изображений панелей при клике на цвет материала или шва внутри карточки товара

Оптимизация графики и видео

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

Кастомные блоки интерактива

сверстал слайдер сравнения «До/После» с ползунком и переработал блок процесса работы под горизонтальный SBS-скролл

Интеграции и умные формы

настроил форму с отправкой вложений на Google Drive и загрузку PDF-сертификатов в попапах без потери скорости сайта

Инструкция по администрированию

подготовил пошаговое руководство в Google Docs, чтобы сотрудники клиента могли самостоятельно управлять каталогом

Часть проектов находится под NDA

Многие работы я выполняю для digital-агентств и студий как white-label подрядчик, поэтому не могу публиковать их в открытом доступе на сайте.

Если вам нужно посмотреть примеры под конкретную задачу (определённая ниша) — напишите мне напрямую.

С удовольствием пришлю ссылки на живые сайты или покажу примеры вёрстки из Figma в личном сообщении.