LAW
Июнь 2026
ADAS LAW — две темы, попиксельная вёрстка и анимация на скриптах
Юридическая фирма с офисами в Москве и Тель-Авиве заказала дизайн у партнёрской студии GATE и попросила перенести его на сайт без потерь. Сверстали макеты попиксельно, вместе со светлой и тёмной темой, и оживили скриптами всё, что дизайнеры задумали анимированным.
Юриспруденция
Международная практика
Услуга
Вёрстка, анимация и запуск сайта
Категория
Сайт юридической фирмы
Клиент
ADAS LAW, Москва и Тель-Авив
Анализ — чужой макет, который нельзя упрощать
Дизайн разработала партнёрская студия GATE: макеты светлой и тёмной темы со всеми адаптациями. Наша задача была не переизобрести их, а перенести на живой сайт без расхождений — вместе с анимациями, которые дизайнеры показали примерами и уже согласовали с заказчиком. В такой работе вся ценность в точности: любое «примерно так» видно с первого взгляда.
Решение — скрипты поверх конструктора
PROCESS
Всё, чего конструктор не умеет из коробки, дописали скриптами: переключение тем, слайдеры, аккордеоны, переходы между состояниями. Дизайнеры присылали примеры желаемого поведения, уже согласованные с заказчиком, — мы собирали поведение под них, а не подбирали ближайший готовый эффект из библиотеки.
Адаптивность и UX
Дизайнеры передали адаптации под все размеры экрана — это тот случай, когда мобильную версию не нужно додумывать, её нужно не испортить. Каждый размер собран по макету, а не отдан на усмотрение конструктора.
Проблема — конструктор против авторского макета
Tilda хорошо собирает сайты из готовых блоков и заметно хуже — из чужого авторского дизайна. А нужно было именно второе: две темы, нестандартные переходы, анимированные переключатели, слайдеры и аккордеоны, причём каждый дизайнер показал отдельным примером — вот так это должно двигаться.
Проекту требовалось:
перенести макеты светлой и тёмной темы без расхождений с оригиналом
воспроизвести анимации ровно так, как их показал дизайнер
сохранить адаптации под все размеры экрана
не обнулить статистику, накопленную прежним сайтом
Дизайн и структура
UI / UX
Дизайн — партнёрская студия GATE; вёрстка, анимация и запуск — наши
Светлая и тёмная темы заложены в задании самого заказчика
Практики разложены по разделам: споры, банкротство, международный арбитраж, корпоративное право и M&A, комплаенс
Анимация как часть дизайна, а не украшение поверх него
Аналитика без обнуления
У фирмы уже был сайт, а вместе с ним — накопленная статистика Яндекс.Метрики. На новый сайт поставили тот же счётчик, а не завели чистый: история посещаемости не потерялась, и новый сайт можно сравнивать со старым, а не начинать наблюдение с нуля.
Другие кейсы
Процесс работы