Сайт архитектурного декора ARCHILITE: не каталог, а архитектура
Сайт производителя декора из лёгкого мрамора: продукт показан не карточками каталога, а так, как его увидит архитектор на объекте — крупным планом, в вечернем свете, в движении.
ARCHILITE делает архитектурный декор из лёгкого мраморного материала — фасады, колонны, карнизы. Покупает его не частный человек, а архитектор или девелопер, и решение принимается по одному вопросу: как это будет выглядеть на объекте.
Каталог на такой вопрос не отвечает. Сетка карточек с размерами показывает номенклатуру, но не показывает материал: ни фактуру, ни свет на ней, ни масштаб. Поэтому сайт с самого начала делался не витриной, а показом — ближе к архитектурной съёмке, чем к прайсу.
48
кадров в секвенции первого экрана
2
языка: русский и английский
6
фактов о материале в одном экране
0
фотостока — вся съёмка под проект
Первый экран — это прокрутка, а не картинка
Вместо статичного баннера — секвенция из 48 кадров, которую человек проматывает сам. Кадр меняется вместе с прокруткой, и за это время сменяются три фразы: ARCHILITE, БАЛАНС, СВОБОДА. Экран не пролистывается за секунду: его проходят.
Секвенция, а не видео, — решение по итогам замеров. Видео-скраб на слабых машинах дёргался при перемотке, потому что браузер не успевал перематывать поток. Кадры такого недостатка не имеют: каждый уже загружен, и прокрутка идёт ровно на любой машине.
Материал показывают фактурой, а не описанием
Шесть фактов о материале — вес, прочность, геометрия, монтаж — идут поверх фонового кадра, где мраморная крошка распадается и собирается в готовый элемент. Пока человек читает, он видит, из чего это сделано.
Блок закреплён на прокрутке: экран не уезжает, пока факты не прочитаны до конца. Это тот случай, когда закрепление оправдано — иначе шесть коротких абзацев пролистываются, не будучи прочитанными.
Фон — секвенция кадров, а не декоративная заливка
Факты сменяются кроссфейдом, экран остаётся на месте
На телефоне кадр крупнее: клиент просил, и он прав — фактуру должно быть видно
Услуги сняты как кино, а не сверстаны как список
Три услуги — детали, реставрация, радиусные формы — показаны полноэкранными кадрами в темноте, с медленным наездом камеры на каждом. Тёмная панель «вырастает» из светлой страницы, и это единственное место сайта, где фон меняется на чёрный.
Контраст здесь работает на смысл: весь сайт светлый, тёплый, мраморный, и когда свет гаснет, внимание остаётся только на объекте. Список из трёх пунктов такого не сделал бы.
3
услуги, каждая — отдельный полноэкранный кадр
1
тёмный блок на весь светлый сайт
Сайт на WordPress и сразу на двух языках
Проект живёт на WordPress со своей темой: клиенту нужна была привычная админка, а не редактор от подрядчика. Анимации при этом никуда не делись — GSAP, Lenis и секвенции работают внутри темы, а не вместо неё.
Русский и английский заведены с самого начала, а не прикручены потом: аудитория проекта — Эмираты, и английская версия там не перевод, а основная.
RU / EN
обе версии равноправны, выбор сохраняется
WP
админка, знакомая любому контент-менеджеру
WordPress
GSAP ScrollTrigger
Lenis
canvas-секвенции
PHP
Спрашивают чаще всего
Зачем секвенция кадров, если можно поставить видео?
Видео нужно перематывать, а браузер делает это рывками — на слабых машинах первый экран начинал дёргаться. Кадры уже загружены, поэтому прокрутка остаётся ровной у всех. Мы пробовали оба варианта и вернулись к кадрам по результатам.
Такой сайт тяжело грузится?
Секвенция — это десятки картинок, и её нельзя просто «положить на страницу». Кадры сжаты в webp, для старых Safari лежит запасная версия в JPEG, а первый экран показывается только когда набор загружен целиком — чтобы кадры не подгружались на ходу.
Клиент может сам менять тексты?
Да, сайт на WordPress со своей темой: тексты, услуги и проекты правятся в обычной админке. Анимации живут в теме и от правки контента не ломаются.
Почему сайт не на русском по умолчанию?
Потому что покупатель в Эмиратах. Английская версия здесь основная, русская — вторая, и обе заведены на одном движке, а не сделаны двумя разными сайтами.
Живые сайты, а не картинки в презентации
Команда Reut Art
сегодня
Здравствуйте, я владелец компании
производим входные двери
хотел обратиться за редизайном
Здравствуйте, Евгений!
Конечно, наша команда займется этим
Начнем обсуждение вашего лучшего проекта?
Подписаться на рассылку
Согласен получать письма о новых работах и статьях и на обработку персональных данных
Reut Art
ReutArt © 2026
ИП Реут Артём Юрьевич · ИНН 910402081314 · ОГРНИП 320911200026247