Лендинг билетного сервиса

Лендинг билетного сервиса. Тёмная тема, афиша событий, витрина площадок. Свёрстан с нуля по дизайн-макету.

Открыть сайт
Ниша
Веб-сервисы
Задача
С нуля
Адрес
sk3n0b1.github.io/lozha-landing
Скриншот: Лендинг билетного сервиса

Как делали

Задача

Для билетного сервиса требовалось сверстать с нуля лендинг по готовому дизайн-макету. Страница должна была представить афишу событий, площадки и отдельный спектакль «Кассиопея» в тёмной теме. В интерфейсе следовало сохранить структуру макета, навигацию по категориям и сценарий выбора билета. Также было важно разместить цены, ссылку на телефон и переходы к разделам сервиса без подключения форм и корзины.

Что сделали

Сверстали лендинг с нуля по дизайн-макету. Собрали «Ближайшие события», «Популярно сейчас» и «Куда сходить», добавили подборки «Сегодня», «На выходных», «Для детей» и «Премьеры» со счётчиками событий. Оформили витрину площадок и страницу спектакля «Кассиопея» с элементами «Купить билет», «О спектакле» и «Найти». Добавили блоки «После третьего звонка», «Афиша всегда с собой» и «Перед покупкой». Сохранили цены и телефон-ссылку.

Разделы и функции

В меню представлены «Афиша», «Популярное», «Подборки», «Премьера», «Войти» и «Купить билет». В навигации доступны направления «Театр», «Концерты», «Мюзиклы», «Стендап» и «Детям». Подборки показывают количество событий: сегодня 12, на выходных 47, для детей 18, премьер 9. Отдельные ссылки ведут к возврату билетов, подарочным сертификатам, «Ложа.Клуб», приложению и информации о сервисе. Предусмотрены переходы в App Store и Google Play.

Как устроено

Лендинг выполнен в тёмной теме собственной вёрсткой, без конструктора. Разметка собрана по переданному дизайн-макету. Стили и скрипты вынесены в отдельные файлы, поэтому элементы страницы можно править по отдельности. На экранах размещены карточки событий, подборки, витрина площадок и блок приложения. Интерфейс объединяет главную страницу и страницу спектакля, ссылки меню ведут к соответствующим разделам и действиям. Формы и корзина в проекте не предусмотрены.

Результат

Посетитель может открыть афишу, посмотреть ближайшие и популярные события, выбрать подборку по дате или аудитории и перейти к спектаклю «Кассиопея». На странице доступны цены, переход к покупке билета, сведения о спектакле, поиск и ссылка на телефон. Также можно выбрать категорию, открыть раздел «Возврат билетов», подарочные сертификаты, «Ложа.Клуб» и ссылки на приложение. Владелец может показывать собранный интерфейс инвесторам и партнёрам и обновлять отдельные файлы стилей и скриптов.

Ещё в этой нише

Нужен похожий проект?
Опишите задачу, вернёмся с планом и сроками.

Обсудить проект