Landing page for a barbershop

The task

BROMID is a barbershop with four barbers, appointment only. The phone line is always busy and the front desk cannot keep up. The site has two jobs: carry the brand’s character and walk the visitor to a booking without a phone call - through the form on the page. A demo project: the company is fictional, the brief is real.

The solution

The format is a typographic poster: dark background, warm white text, one mustard accent, full-width uppercase headlines. Black-and-white photography carries the mood instead of stock smiles.

• The first screen is a poster with a single booking button. No slider.
• The price list is set like a menu: service, dotted leader, price. The arithmetic checks out: the haircut-plus-beard combo costs 300 rubles less than the two services bought separately.
• A visit calculator totals the selected services and swaps in the combo automatically when it comes out cheaper.
• Booking without a call: every “Book” button leads to the form on the same page, repeated in six places so the action is always within reach. There is deliberately no phone number - the phone line was the bottleneck. Real Telegram booking lives in a separate project, the BROMID bot, linked below.
• The FAQ is an accordion; counters in the numbers block animate on scroll.

Details that are easy to miss

• The phone mask follows the browser language: +7 format for Russian-speaking visitors, +1 for everyone else. Validation counts digits; errors are plain text under the field.
• Consent to personal data processing is a required checkbox linking to a separate policy page.
• Demo hygiene: a disclaimer page states the barbershop does not exist, and X-Robots-Tag: noindex keeps the page out of search, so it never competes with real businesses.
• prefers-reduced-motion turns off the counters and reveal animations; the accordion and the burger menu carry ARIA attributes, and the calculator total is announced via aria-live.
• No build step, no dependencies: the page opens from disk with a double click.

What’s inside

11 sections from the poster to the contacts, 12 b/w photos in two to three sizes with lazy loading, an 8-service price list and a visit calculator. The page opens straight from disk with a double click - no build step, no dependencies.