Новый сайт · шоурум дверей и отделки
Жан Пол
ДверьеСайт, в который входят через дверь
«Жан Пол Дверье» — шоурум в Казани: двери, окна, плитка, керамогранит, ламинат и кварцвинил. Команда студии разработала ему новый сайт на идее «модного дома для квартиры»: фирменный герой в розовом пальто шагает в золотую дверь — и вы входите вслед за ним.
Вы вошли в кейс
Добро пожаловать. Дальше — по комнатам
- 2 841
- товар в каталоге — двери, плитка, ламинат, кварцвинил и доска
- 32
- бренда из 10 стран
- 1 446
- коллекций со своими страницами
- 7 дверей
- разделов каталога, у каждой — своя обложка
Пальто
Шарф
Брюки
Ботинки
Гардероб бренда
Палитра —
из костюма героя
Мы не придумывали цвета — мы взяли их у героя. Розовое пальто, жёлтый шарф, синие брюки и зелёные ботинки стали фуксией, шафраном, кобальтом и зелёным; к ним — фиалковый для курсива, золото дверной коробки и слоновая кость стен. Пять цветов костюма по кругу метят разделы каталога и лентой проходят под шапкой страниц. Заголовки — округлый Unbounded, как в логотипе, акценты — курсив Cormorant Garamond, текст — Onest.
Каталог
Семь дверей —
семь образов дома
На главной разделы каталога стоят анфиладой: каждый — цветная дверь на петлях с номером на табличке. Наведите курсор — створка откроется и покажет интерьер раздела, на телефоне двери открываются сами, когда до них доходит прокрутка. Обложки разделов сделаны одной серией: светлые интерьеры, золотые дверные коробки и один яркий предмет цвета героя. Это иллюстрации нейросети по нашему описанию, а не фото шоурума.
Главная
Главная —
двенадцать сцен
Главная проводит гостя от двери до шоурума: сцена с героем, лента, анфилада разделов, манифест, подиум коллекций, витрина, бренды, примерка, шоурум, журнал и вопросы. Тексты сцен — в шаблоне, вопросы и текст о компании — из админки, а цифры, разделы, коллекции, товары и бренды подтягиваются из каталога сами. Выберите сцену — окно сайта прокрутится к ней.
Подиум страниц
Двенадцать выходов —
один стиль
Как на показе коллекций главной, страницы сайта выходят на подиум по очереди. У внутренних страниц общая светлая шапка с золотой аркой, к которой подходит герой, а дальше — своя подача: коллекция открывается на весь экран, бренд — логотипом в арке, статья — с оглавлением. Наведите на окно — страница прокрутится.
Товар
Створки — настежь,
упаковки — посчитаны
На странице товара галерея открывается двустворчатой дверью, рядом — цена, упаковки, корзина и «Купить в 1 клик». Для всего, что продаётся квадратными метрами, — ламината, доски, кварцвинила, плитки — есть расчёт: покупатель вводит размеры комнаты и способ укладки, и сайт сразу показывает площадь с запасом, число упаковок и стоимость. Попробуйте на настоящем товаре — керамограните Royce Calacatta Luxe Polished 60×60 см по 2 170 ₽ за м², в упаковке 1,44 м².
- Площадь с запасом
- —
- Упаковок
- —
- Плиток
- —
- Стоимость
- —
Детали
Каждая мелочь —
в дверном проёме
Мегаменю каталога показывает картинку раздела в золотой арке. Окно «Подберём вместе» встречает героем бренда, плашка cookie — маленькой дверью. Страница 404 честно предупреждает: «Эта дверь ведёт в стену» — ноль заменён дверью, и если поднести к ней курсор, она открывается в кирпичную кладку. Коллекция открывается на весь экран, а шоурум стоит в арке со статусом «открыто сейчас».
На телефоне
Гардеробная —
в кармане
На телефоне меню открывается тёмной «гардеробной»: разделы каталога в цветных арках, телефоны шоурума и герой бренда. Внизу всегда под рукой панель магазина — каталог, избранное, сравнение, корзина и звонок. Двери-разделы открываются сами, сцены главной листаются без закрепления, сетки складываются в колонки без горизонтальной прокрутки. Нажмите на телефон, чтобы остановить прокрутку.
Итог
Раздай стиля —
своему сайту
Главная со сценой двери, шапка с мегаменю, подвал с героем, каталог, разделы-двери, коллекции, товар с галереей-дверью и расчётом, бренды, корзина и «Купить в 1 клик», доставка, о компании, журнал и статьи, контакты, 404, окно «Подберём вместе», плашка cookie и меню-гардеробная на телефоне — одним образом. Шоурум, в который хочется войти, ещё не доехав до Сибирского тракта.