Четыре формата доступа в одной строке
День, месяц, полгода, год — 2 500, 8 900, 32 000 и 79 000 батов. Карточки собраны одинаково, поэтому разница видна построчно: скидка 10% против 20%, один гостевой пропуск против трех.
Кейс · сайт
Сайт EON Phuket: от одного дня в клубе до годового членства
Сайт приватного longevity-клуба на Пхукете: баня, спа, йога, ресторан и открытые события под одной крышей. Пять страниц и четыре всплывающих окна разложены так, чтобы гость выбрал свой формат — от дня за 2 500 батов до годового членства, — нашел свое место у бассейна и записался на событие. Дизайн собран после полного набора вайрфреймов: 11 схем на пять страниц и шесть состояний окон.
11 вайрфреймов до начала дизайна
4 формата доступа в клуб
8 форматов лаунж-мест у бассейна
01 / ЗАДАЧА
С чем пришел клиент
Клуб продает не услугу, а объем доступа: день, месяц, полгода, год. Первый экран не мог выбрать один сценарий — одному гостю нужно попробовать клуб за один день, другому сразу оформить членство.
Клуб поделен на зоны с разными правилами: семейный бассейн и детский клуб, банно-велнес зона с онсэнами, зона only adults 18+, ресторан, автомойка. Гость должен понимать, куда он попадет и с кем окажется рядом.
События идут каждую неделю: у каждого своя дата, время, место и запас мест, а новости и спецпредложения добавляются постоянно. Клуб должен пополнять раздел сам, без переверстки.
Аудитория русскоязычная: отзывы из Москвы, Санкт-Петербурга и Дубая, телефон +7, среди соцсетей Telegram и VK. Значит, обращение должно уходить и в мессенджер, помимо формы на сайте.
Восемь лаунж-мест описаны как товар
От VIP Sunbed на одного гостя до Private Pavilion на четырнадцать. У каждого — фото, вместимость и число таких мест в клубе. Место выбирают заранее, при бронировании.
События и новости стоят на трех шаблонах
Архив с фильтром по типу, страница новости, страница события. У события — форма записи и строка «Осталось 6 мест». Гость платит 2 500 батов, резидент проходит бесплатно.
Заявка — четыре окна, шесть состояний
Day Pass: слева цена, справа форма. Членство — одно окно с тремя табами, они меняют цену, состав и «Итого к оплате». Плюс окно розыгрыша, где клуб каждый день дарит десять Day Pass случайным подписчикам рассылки, и экран «Заявка получена».
Похожая задача? Напишите в Telegram, отвечу за пару часов.
02 / ДО — ПОСЛЕ
Как схемы превратились в дизайн
Структуру и текст согласовали на вайрфреймах. Три страницы из пяти в дизайне совпали со схемой по высоте до пикселя — геометрия не менялась. Слева вайрфрейм, справа готовый макет.
Первый экран получил кадр вместо заглушки
На схеме фон занимала серая плашка с пометкой, какой кадр нужен: «главное атмосферное фото — бассейн / природа / пространство». Надзаголовок, заголовок, лид и две кнопки — «Забронировать день в клубе» и «Стать резидентом» — перешли в дизайн без правок.
Пояснение справа от заголовка сняли
На схеме у раздела «О клубе» справа стоял абзац о том, для кого создан EON. В дизайне его нет: раздел открывается меткой, заголовком и сразу тремя кадрами, а роль пояснения взяли подписи на этих кадрах. Так же поступили с четырьмя другими разделами главной.
Цены переехали с серой плашки в зелень
Четыре карточки, порядок, суммы, метки сроков и списки включенного на схеме и в макете совпадают. Поменялась только среда: серая подложка стала кадром растений, а карточки — светлыми поверх него. Блок цен читается одинаково на обеих подложках.
03 / РЕЗУЛЬТАТ
Что собрано в итоге
Клуб продает не услугу, а объем доступа: день, месяц, полгода или год. Гость должен понять, в какую зону он попадет и с кем окажется рядом, а раздел событий клуб пополняет сам.
Пять страниц закрывают путь гостя целиком: узнать о клубе, выбрать формат доступа, найти место у бассейна и записаться на событие.
Дизайн стоит на полном наборе вайрфреймов — 11 схем, включая все состояния окон заявки. Три страницы из пяти совпадают со схемой по высоте до пикселя: в макетах менялась подача при неизменной структуре.
Один продукт продается четырьмя ценами и не распадается на четыре предложения: скидка, гостевые пропуска, приоритет брони и доступ в зону 18+ растут вместе со сроком.
Макеты переданы заказчику. Данных о запуске, трафике и конверсии нет, поэтому результат описан только через структуру и интерфейс.
04 / МАКЕТЫ
Главная страница, блок за блоком
Главная страница по порядку прокрутки — от первого экрана до подвала. Плашка «Day Pass · 2 500» вынесена к правому краю отдельным элементом и не привязана к блоку цен.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
05 / МАКЕТЫ
Внутренние страницы
Четыре страницы целиком. Бронирование показано в двух состояниях: со свернутым счетчиком гостей и с раскрытым — взрослые и дети считаются отдельно.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
06 / МАКЕТЫ
Одно окно членства, три формата
Табы «Ежемесячно / Полугодовое / Годовое» переключают цену, список включенного и строку «Итого к оплате» внутри одного окна.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
07 / МАКЕТЫ
Еще три окна — день, подарок, подтверждение
Day Pass держит цену и состав на бордовой панели рядом с формой. Спецпредложение просит только почту. Подтверждение обещает ответ в течение часа.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
08 / СОСТАВ РАБОТ
Что было сделано
- Клиент
- EON Phuket
- Город
- Пхукет, Таиланд
- Год
- 2026
- Вайрфреймы, дизайн страниц и окон, тексты
- Николай Ковтун
- Вайрфреймы главной, четырех внутренних страниц и шести состояний окон
- Дизайн главной страницы: двенадцать секций и подвал
- Блок «Как стать гостем клуба» с четырьмя форматами доступа
- Сетка из восьми форматов лаунж-мест у бассейна
- Раздел жизни клуба: событие недели, расписание, архив с фильтром
- Страница новости и страница события с формой записи
- Страница бронирования с двумя сценариями и состоянием счетчика гостей
- Окно Day Pass, окно членства с тремя табами, окно спецпредложения, экран «Заявка получена»
- Тексты страниц
Продаете доступ, а не разовую услугу?
Расскажите, какие форматы у вас есть и чем они отличаются друг от друга. Посмотрю, как разложить их по карточкам и окнам заявки, чтобы гость выбирал сам, не звоня за уточнениями.