На чём собрано и почему
Фронтенд
Стили
Языки
Каталог
Что это за продукт
MAISON ALATAU — двуязычная витрина премиального мебельного шоурума в Алматы. Кураторский каталог мебели и света от европейских домов, карточки моделей с материалами и габаритами и консьерж-подход: помочь выбрать и довести до заявки.
Собрано с нуля на Next.js 16 под премиальный сегмент: тёплая монументальная эстетика, две языковые версии и деликатный путь до заявки — без агрессивных продаж.
Витрина уровня бренда
Показать премиальный ассортимент так, чтобы это выглядело как бренд, а не прайс: витрина с фильтрами, карточки моделей с характеристиками, две языковые версии и деликатный путь до заявки.
- витрина уровня бренда, а не «прайс»
- каталог с фильтрами и карточками моделей
- две языковые версии — RU и KZ
- деликатный консьерж-путь до заявки
Премиум продавали в директе
Премиальную мебель показывали в Instagram и по каталогам в мессенджерах: без сайта, без структурированного каталога, без характеристик.
Клиент премиум-сегмента не видел ни моделей, ни материалов и уходил к тем, у кого витрина уже собрана. Бренду нужна была площадка, соответствующая уровню товара.
Как это выглядит вживую
Полностраничный скриншот — прокрутите внутри рамки или откройте живой сайт.
Витрина, которая доводит до заявки
Каталог с фильтрами, карточки моделей с характеристиками и консьерж-заявка — собраны так, чтобы клиент премиум-сегмента дошёл до разговора без трения.
Кураторская витрина, а не склад
Шесть категорий — диваны, кресла, столовые группы, спальни, освещение, декор. Плитки и чипы-фильтры переключают общий каталог мгновенно, без перезагрузки; на карточке — бренд, дизайнер и статус наличия.
- 6 категорий, общий фильтр без перезагрузки
- чипы и плитки пишут единое состояние
- 15 реальных моделей европейских брендов
- бренд, дизайнер и наличие на карточке
Дизайнер, габариты, материалы
Клик по товару открывает карточку-модалку: дизайнер и год, габариты, материалы и описание на двух языках. Кнопка «Запросить» подставляет выбранную модель прямо в форму заявки.
- модалка с ловушкой фокуса и Esc
- габариты, материалы, дизайнер, год
- описание на RU и KZ
- «Запросить» → модель уходит в заявку
От витрины до консьерж-заявки
Заявка не уходит на сервер: форма собирает имя, казахстанский номер и сообщение, валидирует их и открывает WhatsApp с готовым текстом. Если попап заблокирован — честная ручная ссылка, без ложного «отправлено».
- валидация имени и номера (+7)
- заявка → WhatsApp с готовым текстом
- запись в шоурум, адрес и часы на карте
- honest-fallback при блокировке попапа
Что под капотом премиальной витрины
- Язык — вне React. useSyncExternalStore читает localStorage и navigator.language, поэтому серверный и клиентский рендер совпадают без «прыжка».
- Доступность заложена. Ловушки фокуса в модалках и меню, видимый :focus-visible, контраст ≥ 4.5:1, тач-цели ≥ 44px и skip-ссылка.
- Готово к поиску. robots и sitemap с hreflang, OpenGraph/Twitter-картинки и метаданные под каждый из двух языков.
- Демо-контакты — заглушки. Телефон и WhatsApp намеренно оставлены плейсхолдерами, чтобы не шли случайные звонки; меняются в одном конфиге.
Нужна такая же витрина?
YK Partnership собирает сайты, интернет-магазины и премиальные витрины под ключ. Расскажите о задаче — предложим решение.