A first impression that actually converts on a phone Первый экран, который реально конвертит на телефоне
Most karaoke decisions happen on the phone — Friday afternoon, six friends in a group chat, "where do we go tonight?". The hero opens with a giant gold "233 STARR" wordmark with a soft gold-shimmer animation, the "Karaoke & Eats" qualifier, and the line "Brooklyn's go-to karaoke lounge". Two CTAs are above the fold: Book Your Room (gold, primary) and tap-to-call 929-210-8687. Большинство решений «куда на караоке» принимаются с телефона — пятница, 6 друзей в групповом чате, «куда пойдём вечером?». На первом экране — крупный золотой логотип «233 STARR» с мягкой gold-shimmer анимацией, подпись «Karaoke & Eats» и строка «Brooklyn's go-to karaoke lounge». Два CTA сразу видны: Book Your Room (золотой, основной) и tap-to-call 929-210-8687.
- Info pills — "Private Rooms · K-Pop Available · Open till 2 AM · BYOB" — answer the obvious questions instantly without a single scrollИнфо-пилюли — «Private Rooms · K-Pop Available · Open till 2 AM · BYOB» — мгновенно отвечают на типовые вопросы, без скролла
- Custom display fonts — Anton (impact wordmark), Archivo Black (heavy body), Space Grotesk (UI), Outfit (body) — replace any generic restaurant feelПодобраны клубные шрифты — Anton (плотный wordmark), Archivo Black (тяжёлый body), Space Grotesk (UI), Outfit (текст) — уходят от «ресторанного» ощущения
- Subtle marquee at the very top — "K-POP MACHINE · RESERVE NOW · 929-210-8687 · OPEN TILL 2 AM" — keeps key info one glance away on every pageТонкая бегущая строка сверху — «K-POP MACHINE · RESERVE NOW · 929-210-8687 · OPEN TILL 2 AM» — ключевая инфа всегда на виду, на любой странице
"Play the Vibe" — sound + a club light show «Play the Vibe» — звук + клубная светомузыка
A signature interactive feature. One tap launches a tech-house beat synthesised live in the browser — kick, hi-hat, clap, sub-bass, pluck arp, filtered stab. Simultaneously a full-screen overlay turns on with sweeping gobo lights, magenta & cyan haze pads pulsing on every beat, three lasers, and white strobe flashes. Off by default, opt-in only. Сигнатурная интерактивная фича. Один тап включает tech-house бит, синтезированный прямо в браузере — kick, hi-hat, clap, sub-bass, pluck arp, filtered stab. Одновременно включается полноэкранный overlay со светомузыкой: сводящие лучи прожекторов, magenta & cyan haze пульсирующие в такт, 3 лазера, белые strobe-вспышки. Выключено по умолчанию — только по согласию гостя.
- Mobile-fixed control — the play button lives in the header on phones. Always one tap away to pauseЗакреплённая мобильная кнопка — play живёт в шапке на телефонах. Всегда в одно нажатие можно поставить на паузу
- Light show synced to the kick — strobe and haze pulse on every beat, equalizer in the header animates in magenta/cyan/purple while the vibe playsСветомузыка синхронизирована с битом — strobe и haze пульсируют под kick, эквалайзер в шапке играет magenta/cyan/purple пока vibe включён
- No MP3 file required — works offline, swap to a real DJ mix or licensed track laterНе нужен MP3-файл — работает офлайн, потом легко заменить на реальный DJ-микс или лицензионный трек
"Play the Vibe" — full-screen light show on desktop «Play the Vibe» — полноэкранная светомузыка на десктопе
On desktop the same Play-the-Vibe button lives in the floating control near the hero. When activated, the entire viewport turns into a club: gobo lights sweep across the screen, magenta & cyan haze pads pulse on every beat, three lasers cut diagonally, and white strobes flash in time with the kick. The header equalizer cycles magenta → cyan → purple bars to mirror the music. Combined with the gold star cursor, it turns the desktop visit into a 30-second mini-experience guests remember. На десктопе кнопка Play the Vibe живёт в плавающем контроле возле hero. После нажатия весь viewport превращается в клуб: лучи прожекторов сводятся по экрану, magenta & cyan haze пульсируют в такт, 3 лазера режут по диагонали, белые strobe-вспышки попадают в kick. Эквалайзер в шапке циклит magenta → cyan → purple под музыку. В сочетании с курсором-звездой это превращает визит на десктопе в 30-секундный мини-experience, который запоминается.
- Full-screen overlay — fixed-position canvas above all content, never breaks scroll or interaction with the pageПолноэкранный overlay — fixed-канва поверх контента, не ломает скролл и не блокирует клики на страницу
- Stage-light gobos — four animated beams sweep at different speeds for organic non-loopy motionЛучи прожекторов — 4 анимированных луча двигаются с разной скоростью, чтобы движение не выглядело зацикленным
- Reduced-motion respected — visitors with the OS-level "reduce motion" preference get a static glow instead of strobesReduced-motion учитывается — для пользователей с системной настройкой «уменьшить анимацию» strobes заменяются статичным glow-фоном
Daily Specials + Happy Hour — a built-in repeat-visit engine Daily Specials + Happy Hour — встроенный движок повторных визитов
Seven day cards (Sun → Sat) with the actual price per day — $7 cocktails Sundays, 20% off for service-industry Mondays, $4 shots Tuesdays, and so on. Below them a glowing Happy Hour banner: $4 shot · $5 draft · $5 wine · $6 cocktail, plus the $6/person/hour private-room rate before 8 PM. Every card has its own gradient + photo + day tag. Семь карточек по дням недели (вс → сб) с актуальной ценой — $7 коктейли по воскресеньям, 20% off для service industry по понедельникам, $4 shots по вторникам и т.д. Ниже — светящийся Happy Hour баннер: $4 shot · $5 draft · $5 wine · $6 cocktail, плюс ставка $6/чел/час на private room до 8 PM. У каждой карточки свой градиент, фото и day-tag.
- Repeat-visit driver — gives guests a reason to come back on Tuesday after a Saturday visitДвижок повторных визитов — у гостя есть повод вернуться во вторник после субботы
- Per-day theme — each card has a unique gradient + photo + gold price accentТема для каждого дня — у каждой карточки свой градиент, фото и золотой акцент цены
- Happy Hour pricing block — the four key prices visible on a single horizontal row, no scroll requiredБлок Happy Hour цен — четыре ключевые цены в одну строку, без скролла
Starr Packs — pre-built party packages Starr Packs — готовые party-пакеты
Three flagship cards on the home page — Starter ($24/person), Crowd Pleaser ($51/person, "Most Popular"), Big Night ($530, up to 10 guests, VIP room). Each card lists exactly what's included — drinks, shots, hours of karaoke, room access. The middle card has a gold-glow border and a "Most Popular" star tag, drawing the eye to the highest-margin tier. A "See All 16 Packs" button leads to the full catalog page. Три флагманские карточки на главной — Starter ($24/чел), Crowd Pleaser ($51/чел, «Most Popular»), Big Night ($530, до 10 гостей, VIP room). На каждой карточке — что входит: напитки, shots, часы караоке, доступ в комнату. У средней золотой светящийся бордер и ярлык «Most Popular», взгляд идёт на самую маржинальную позицию. Кнопка «See All 16 Packs» ведёт на полный каталог.
- Decision-fatigue killer — guests don't have to assemble drinks + room + time themselvesУбирает decision fatigue — гостю не нужно самому собирать напитки + комнату + время
- "Most Popular" anchor — visual hierarchy guides 60-70% of bookings to the middle tier«Most Popular» якорь — визуальная иерархия направляет 60-70% бронирований на средний тариф
- One-click pack-to-form — "Book This Pack" pre-fills the reservation form with the right room + durationOne-click pack-to-form — «Book This Pack» сразу префилит форму с нужной комнатой и длительностью
Full Eats & Drinks menu — own dedicated page Полное меню Eats & Drinks — отдельная страница
A standalone menu page with the entire kitchen and bar list — categorised, filterable, with thumbnails and prices. Each card shows the dish name, short one-line description and price; signature plates can be flagged with a gold star tag. Designed to load fast and read like a printed menu, but searchable. Отдельная страница меню со всем списком кухни и бара — по категориям, с фильтрами, миниатюрами и ценами. На каждой карточке — название, однострочное описание и цена; сигнатурные блюда отмечаются золотой звёздочкой. Загружается быстро, читается как печатное меню, но с поиском и фильтрами.
- Stock placeholder photos for the demo — your own photography (or photos we design for you in your style) drops in via 3 lines per itemСейчас стоковые фото — ваши снимки (или фото, которые мы для вас создадим в вашем стиле) подставляются в 3 строки на позицию
- Real prices wired in — every dish is listed with its current price, ready to go liveРеальные цены в коде — у каждого блюда уже стоит актуальная цена, можно публиковать
- Category jump — quick anchor links to Eats / Drinks / Cocktails / Specials at the topБыстрый переход по категориям — anchor-ссылки на Eats / Drinks / Cocktails / Specials сверху
Menu adapts to a single thumb Меню — под один большой палец
On a phone the same menu reflows to a single column with compact cards. Thumbnail on the left, name + description in the middle, price anchored to the right. Categories collapse into a horizontal scroll-strip at the top. The whole page stays under one screen of vertical decoration before the food starts — guests see actual items the moment they arrive. На телефоне то же меню перестраивается в одну колонку с компактными карточками. Миниатюра слева, название + описание по центру, цена приклеена к правому краю. Категории сворачиваются в горизонтальную ленту-стрип сверху. Никакой пустой декорации — гость видит сами позиции сразу.
- Edge-to-edge category strip — categories spill past the viewport edge to hint there's moreЛента категорий в обе стороны — табы выходят за край экрана, подсказывая что есть ещё
- Compact card height — keeps 4-5 menu items visible per phone screenКомпактная высота карточки — 4-5 позиций видны на одном экране телефона
Reservation that doesn't scare anyone off Резервация, которая не отпугивает
Standard booking forms show all 8 fields at once and feel like paperwork. Ours opens with a single field — Full Name — and unlocks each next step only when the previous is valid. Phone has a US-format mask. Guest count is a slider 1–35 with a live "Standard room — perfect fit" hint. Room pick is two visual cards (Standard / VIP) with prices baked in. Date opens an inline custom calendar in the site's gold/dark style. Submitting opens a custom "You're on the list" success modal with the star icon, business hours, direct phone & email — no boring browser alert. Стандартные формы бронирования показывают сразу 8 полей и выглядят как бумажная анкета. У нас сначала видно только одно поле — Full Name — следующий шаг открывается, когда предыдущий заполнен. На телефоне маска US-формата. Количество гостей — слайдер 1–35 с живой подсказкой «Standard room — perfect fit». Тип комнаты — две визуальные карточки (Standard / VIP) с ценами. Дата открывает inline-календарь в стиле сайта (gold/dark, не браузерный). После отправки — кастомная модалка «You're on the list» с иконкой звезды, часами работы, телефоном и email — никакого скучного браузерного alert.
- Progressive disclosure — 7 steps revealed one at a time, each previous step gets a green ✓ tickПоэтапное раскрытие — 7 шагов открываются по одному, у пройденных появляется зелёная галочка ✓
- Pack pre-fill — clicking a Starr Pack card pre-selects room type + duration in the formПрефил из Starr Pack — клик по карточке пакета сразу подставляет тип комнаты и длительность
- Phone mask — auto-formats to
(929) 555-0000as you type, deletion works correctly with backspaceМаска телефона — автоформат(929) 555-0000, корректное удаление по backspace - Custom success modal — gold star icon, hours block, tap-to-call link — replaces the default browser alert with a branded experienceКастомная success-модалка — золотая звезда, блок с часами, прямая ссылка на звонок — вместо стандартного alert
Sticky mobile bar — call, reserve, follow in one tap Закреплённый мобильный бар — call, reserve, follow в одно касание
A persistent three-button bar at the bottom of every mobile screen: Call, Reserve (highlighted in gold), Instagram. The visitor never has to scroll back to take an action — the most common conversions are always one thumb-tap away. Above it on the home page: a dark-styled OpenStreetMap (interactive on tap), and Google Reviews — 4.9★ from 279 reviews — surfaced as social proof. Постоянная панель из трёх кнопок внизу любого мобильного экрана: Call, Reserve (выделена золотом), Instagram. Гостю не нужно скроллить обратно чтобы совершить действие — самые частые конверсии всегда в одно касание. Над ней на главной — карта OpenStreetMap в тёмном стиле (интерактивная по тапу), и Google Reviews — 4.9★ из 279 отзывов — как social proof.
- Always-visible CTAs — no thumb gymnastics to call or book from anywhere on the siteCTA всегда видны — звонок и бронирование доступны с любой точки сайта
- Reviews block with live rating — 4.9★ / 279 reviews displayed as the headline number, with 6 actual quoted guest reviews underneathБлок отзывов с живым рейтингом — 4.9★ / 279 отзывов крупно, и 6 реальных цитат гостей ниже
- Tap-to-interact map — locked-scroll by default to keep page-scroll smooth, unlocks on a single tapКарта по тапу — изначально заблокирована для плавного скролла страницы, разблокируется по одному тапу
A star cursor — the desktop signature touch Курсор-звезда — фирменная деталь десктоп-версии
On desktop the system mouse pointer is replaced with a fully-rendered SVG five-point gold star — matching the brand mark in the logo. It carries a soft magenta glow, a subtle trail behind it, and tiny multi-color sparkles (cyan, magenta, purple) around the edge. When the Vibe is playing the star pulses in time with the beat. It scales up on hover over interactive elements — buttons, cards, menu items. На десктопе системный курсор заменён на полностью отрисованную SVG пятиконечную золотую звезду — повторяет brand mark из лого. У неё мягкое magenta-свечение, лёгкий шлейф позади и крошечные разноцветные искры (cyan, magenta, purple) по краю. Когда Vibe включён — звезда пульсирует в такт биту. На hover над кнопками, карточками и пунктами меню — увеличивается.
- Pure SVG — no images, no external assets, scales perfectly on any displayЧистый SVG — без картинок и внешних ассетов, идеально масштабируется на любом дисплее
- Brand-consistent — the star matches the logo, the loyalty pattern, the success modal icon, the marquee bullets — one motif throughoutЕдиная фирменная деталь — звезда повторяется в лого, в success-модалке, в bullet-ах бегущей строки — один мотив везде
- Auto-disabled on touch devices — phones and tablets keep the native cursorАвтоматически отключается на тач-устройствах — на телефонах и планшетах остаётся системный курсор
