Le Fabric: сайт салона штор перенесли с Тильды и добавили живую 3D-штору на главной

У салона штор и интерьерного текстиля Le Fabric в Челябинске уже был красивый сайт на Тильде: крупные заголовки, журнальная вёрстка, бордовые акценты, интерьерные фотографии. Заявок он не приносил.

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

Сначала — что ищут люди

Изучили поисковые запросы в Челябинске и сайты конкурентов. В поиске называют изделие и помещение: «римские шторы», «шторы на кухню». Поэтому у каждого типа штор и у каждой комнаты появилась своя страница: 7 страниц по типам штор, 3 страницы по комнатам, 12 проектов салона в портфолио и 7 статей с ответами на вопросы. Каждую страницу проектировали как самостоятельный вход из поиска: человек получает ответ на свой вопрос, видит рядом выполненные работы и может перейти к обращению, не заходя на главную.

Узнаваемый Le Fabric

Сохранили бордовый цвет, крупные заголовки и ведущую роль фотографии и развили их в одну систему для главной, страниц направлений и портфолио. Внутри команды проверили около 20 вариантов дизайна и остановились на том, который понравился и команде, и заказчику. Ниже — прежняя главная на Тильде и новая.

Живая штора на главной

На первом экране — интерактивная 3D-штора: при прокрутке движется ткань, ночь сменяется днём и закатом, появляются направления салона. Это не записанный ролик: ткань рассчитывается прямо в браузере и отзывается на прокрутку и курсор. Сцена подгружается после того, как страница открылась, внутренние страницы обходятся без неё.

Страницы направлений и портфолио

Страница типа штор раскрывает конкретное предложение. В отдельном проекте можно рассмотреть интерьер и прочитать о текстиле: работы помогают понять подход салона и обсудить похожую задачу.

Заявка с условиями окна

На странице кухонных штор человек может просто оставить телефон, а может отметить три вещи: где окно, как оно открывается и что важнее. Эти условия уходят дизайнеру вместе с заявкой, и разговор начинается с конкретики. Тот же приём работает на страницах спальни, рулонных штор, карнизов, пошива, прайса и ухода за шторами.

Переезд без потерь

Для адресов прежнего сайта, включая безымянные, составили карту соответствий: старая ссылка открывает нужную страницу нового сайта. Сайт собирали и проверяли на нашем сервере, а затем переделали так, чтобы он работал на обычном недорогом тарифе хостинга заказчика, — с 3D-главной, формой и всеми страницами, без упрощений. Каждая фотография заранее сохранена в 13 размерах: телефон получает маленький файл, большой монитор — крупный.

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

• Старые ссылки работают; заказчик остался на своём недорогом хостинге.

• Проверка скорости от Google, октябрь 2026: 96 баллов из 100 на телефоне и 100 на компьютере; готовность к поиску и доступность — 100 из 100.

• Больше ста автоматических проверок проходят сценарии сайта так, как это сделал бы человек.