Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#кейсы</a>

2 <ul><li>30 мар 2023</li>

3 <li>0</li>

4 </ul><h2>Флоу руками: дизайн нового сайта массажных салонов "Ляг©"</h2>

5 Как соединить 3D-моделирование и zero-code в одном проекте.

6 Скриншот: сайт lyag.ru / Skillbox Media

7 Редактор. Кто он без костюма? Искусствовед, рейвер, экоактивист.

8 "Ляг©" ― это сеть массажных салонов в Москве и Санкт-Петербурге (раньше была известна под названием "Ляг.Спиной"). Недавно команда решила провести ребрендинг, и вместе с названием они также поменяли сайт.

9 Теперь это минималистичный арт-проект, в котором совмещена простота и эстетика. Расскажем о нём подробнее.

10 Вы сможете:

11 <ul><li><a>Полежать в салоне</a></li>

12 <li><a>Полежать в студии</a></li>

13 <li><a>Полежать на сайте</a></li>

14 </ul>"Ляг.Спиной" в 2014 году открыли друзья детства Гордей, Александр, Аким и Андрей. Бренд часто называют бунтарским, во многом потому, что салоны (которые сами владельцы называют мастерскими) напоминают концепт-сторы или бары, нежели привычные пространства массажных студий. Здесь могут сочетаться дорогая мебель, голые бетонные потолки и картины в духе Ива Кляйна - как, например, в мастерской на Большой Полянке.

15 Мастерская на Большой ПолянкеФото: официальная страница "Ляг©" во "<a>ВКонтакте</a>"Или разноцветные стены, деревянный пол и леопардовые ковры - как на Чистых прудах.

16 Мастерская на Чистых прудахФото: официальная страница "Ляг©" во "<a>ВКонтакте</a>"В "Ляг©" не любят называть себя сетью, потому что каждую мастерскую они делают с нуля, у них нет единого стиля, и вообще, часть салонов они создавали своими руками.

17 "Совсем недавно<a>мы смогли позволить себе</a>нанимать строительные бригады, дизайнеров и других специалистов, но сохранили самое важное, что получили за долгие годы "работы валиками“, - чистое видение локации и ощущения от пребывания в ней. В каждой мастерской оно разное".

18 Этот же подход проявился и в работе над сайтом. Часть делала команда "Ляг©", а остальную взяла на себя веб-студия Method Zero.

19 Method Zero ― это проект студии Pinkman по созданию сайтов в формате zero-code. Антон Шакиров и Михаил Розов из Pinkman на одном проекте убедились, что за пять дней можно собрать функциональный и красивый сайт на Webflow. Так у Розова появилась идея сформировать отдельное направление под zero-code, чтобы оно работало по принципам основной компании. То есть также учитывать потребности бизнеса, развивать продуктовое мышление у дизайнеров и разработчиков и при этом быть гибкими в решении задач.

20 Изображение:<a>Method Zero</a>Webflow, как более продвинутый аналог Tilda и Wix, позволяет быстро вносить в проекты новый контент и добавлять целые разделы без написания кода. Method Zero создали модель "веб-дизайна по подписке" ― клиент оплачивает необходимое ему количество недель, за ним закрепляется команда, а если позже что-то надо исправить или добавить, то он может продлить подписку на столько недель, на сколько ему нужно.

21 В целом готовый продукт можно получить уже через две недели.

22 Скриншот: сайт<a>lyag.ru</a>/ Skillbox MediaСайт "Ляг©" встречает посетителя чёрным экраном с мигающим обновлённым логотипом, который создавали с целью сделать что-то классическое и вневременное. После заставки пользователь попадает на главную страницу, которая с помощью скролла плавно и легко переходит от одного раздела к другому (их всего пять).

23 "Учитывая, что наш бизнес немного отличается от конкурентов, мы хотели сделать что-то необычное - то же, что делаем и с контентом.

24 Главная страница - это меню, а дальше уже можно проваливаться по страницам".

26 Скриншот: сайт<a>lyag.ru</a>/ Skillbox MediaСтраниц на сайте мало: разработчики выбросили всё ненужное, а прайс можно увидеть только после того, как пользователь решит кликнуть на онлайн-запись. Это кажется спорным решением, но Method Zero<a>пишут</a>, что число отказов сократилось с 70% до 10% после запуска нового сайта. Этому, вероятно, способствует и отдельная кнопка для онлайн-записи, которая в левом нижнем углу ненавязчиво "преследует" пользователя по всей длине страницы.

27 "Главной задачей было сделать уклон на продажу сертификатов, абонементов, а также онлайн-запись. Это три точки, которые нам показались наиболее важными".

29 Скриншот: сайт<a>lyag.ru</a>/ Skillbox MediaНо самое интересное в сайте ― 3D-графика, её делали в самом "Ляг©".

30 "Графику мы делали совместно с Андреем Жандаровым, это очень крутой дизайнер. Сделали такую, можно сказать, "коллабу“".

32 Получились короткие закольцованные ролики с человеческими телами, которые где-то похожи на воск, где-то на прозрачную синтетическую ткань, наполненную воздухом. Всё это сразу должно вызывать ассоциации с прикосновениями мастера к телу, после которых клиент чувствует себя лёгким и расслабленным.

33 Мобильная версия сайтаСкриншот: сайт<a>lyag.ru</a>/ Skillbox Media<a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>