Задача
В здании Ленинградского вокзала в Москве работает бесплатный коворкинг: опенспейс и четыре переговорные, вход свободный, бронь не нужна. Человеку, который едет туда впервые, нужно узнать три вещи: открыто ли сейчас, что там есть и какие правила. Сайт отвечает на эти вопросы с первого экрана.
Открыто или закрыто прямо сейчас
В шапке и на первом экране стоит статус, который считается по текущему времени: «Открыто, до 22:00», а в последний час «закрытие через 40 минут». Ночью и утром сайт пишет, когда коворкинг откроется. Время всегда берётся московское, даже если человек смотрит сайт из другого часового пояса, и обновляется раз в минуту.
Структура страницы
- Первый экран-табло: часы работы, «бесплатно», «бронь не нужна», число переговорных, Wi-Fi.
- Пространство: опенспейс и переговорные в фотографиях.
- Четыре переговорные: живая очередь, без бронирования.
- Как попасть: три шага.
- Правила посещения: одиннадцать коротких правил.
- Частые вопросы: девять ответов.
Форм и контактов на странице нет: записываться никуда не нужно, достаточно прийти.
Оформление в стиле вокзала
Палитра взята с фотографий самого пространства: цвет плитки пола, столешниц, стеновых панелей и красная точка вокзальной навигации. Служебные подписи набраны моноширинным шрифтом, как на табло отправления. Шапка меняет цвет в зависимости от того, светлый или тёмный блок сейчас под ней.
Для поиска и карт
Коворкинг описан микроразметкой: бесплатный вход, адрес, часы работы на каждый день и удобства. Поисковики могут показывать эти данные прямо в выдаче, а людям, которые ищут бесплатный коворкинг в Москве, это и нужно.
Как устроено
HTML, CSS и JavaScript без фреймворков, фотографии в WebP в двух размерах под экран.
Скриншоты
Частые вопросы
Как показать на сайте, открыто ли заведение сейчас?
Считать статус по текущему времени в часовом поясе заведения и часам работы и обновлять его раз в минуту.
Нужна ли форма на сайте, если запись не требуется?
Нет. Если прийти можно без брони, сайту достаточно ответить на вопросы «когда», «где» и «что можно».
Зачем маленькому сайту микроразметка?
Она сообщает поисковикам часы работы, адрес и условия входа, и эти данные могут появиться прямо в результатах поиска.
