Интернет магазин "Точка24"

Цели и задачи проекта

Создать удобный сервис для информирования о фильмах, сеансах, стоимости и наличии свободных мест, а так же бронирования и покупки билетов

Логика и навигация

Нашей главной и важной задачей было продумать всю логику сервиса инаиболее удобную навигацию по разделам.

Разработка дизайна

Не менее важной задачей стала отрисовка дизайна в корпоративном стиле с учетом всех пожеланий.

Бронирование и покупка

Интересной задачей стала реализация бронирования и покупки билетов с информацией о наличии мест и их стоимостью.

Внедрение интеграций

По скольку это своего рода интернет магазин, он и как и все нуждается в интеграциях с платежными системами.

Главная страница

На главной странице расположилась минималистичная шапка с основными разделами, телефоном и кнопкой взаимодействия с личным кабинетом. После мы сделали слайдер с функционалом, показа фильмов которые, показывают в кино, ближайший сеанс и возможностью купить или забронировать билет. После, идут карточки фильмов Сегодня в кино и Скоро на Экранах при наведени можно увидеть в каких залах, в какое время, так же можно купить или забронировать билет. Ниже расположился ТОП фильмов выбранных посетителями, следующий блок, это текущие новости и акции и завершает сайт, информативный футер с доступом к остальным разделам.

Как все работает

Давайте разберем как и в какой последовательности все работает.

1Статичная карточка

В таком формате мы видим статичную карточку: обложка фильма, название рейтинг зрителей и возрастное ограничение - ничего лишнего.

2Активная карточка

При наведени на карточку, обложка полностью затемняется и теперь мы видим: в каких залах идет этот фильм сегодня и в какое время будут сеансы, наводя и нажимая на конкретное время, следует процесс выбора места и покупки билета или его бронирования.

При нажатии на кнопку Купить билет пользователь попадает на страницу фильма, на котороый можно выбрать дату и время и ознакомиться с подробностями.

3Покупка билета или бронирование

И так допустим, мы выбрали из карточки конкретное время и нажали на него и теперь, появилось всплаввающее окно с картой зала, статусом мест и их стоимостью.
Понаблюдаем последовательность:

Информация о фильме

Первым, что мы видим информация о фильме названии, времени сеанса, в каком зале и с какой суммы начинается стоимость билетом.

После идет информативный блок, информирующий, какие бывают статусы мест.

Схема зала и статус мест

Ниже распологается схема зала, информирущая о статусе мест и при наведении на место можно увидеть, стоимость.

Обновление происходит почти в реальном времени и всегда актуально.

Корзина билетов

После того, как были выбраны места, мы видим список билетов сномером ряда и места и ценой, так же мы можем удалить билет, Забронировать можно только 5 мест.

Далее мы видим итоговое количество билетов и итоговую стоимость и две кнопки Забронировать или Купить, заполнив поля Имя и телефон, мы нажимаем на них.

Страница фильма

Эта страница посвящена фильму который вы выбрали с главной или на странице расписания или нажав кнопку купить билет из карточек фильмов. Мы сделали ее двух колоночной, что бы разделить описание и часть с расписанием и выбором.

Адаптивная версия

Ну и конечно же такой online сервис, не может обойтись без хорошей продуманной адаптивной версии, что бы покупать и бронировать билеты в любом месте в любое время. Можете посролить и посмотреть все детально как будет на устройстве.

Цвет и шрифт

Цветовую гамму мы получили от заказчика, а шрифты подбирали сами.

#ffffff
#ffdb00
#cd2729
#111111

Gotham Pro Medium

Заголовки и кнопки

Gotham Pro Regular

Текст и подсказки

Внутренние страницы

Сайт сделан так, что почти из каждого раздела можно перейти к какому либо фильму и купить или забронировать билет. Так же все страницы выполнены в единой стилистике и с едиными визуальными эффектами и логикой.

Внедренные интеграции

Как мы и говорили, что подобного плана online сервис, не может без интеграций с различными возможностями оповещения и платежных систем.

Все типы уведомлений smsc.ru

Эта интеграция нужна для отправки уведомлений различного рода. Информировании об проведенных операциях, услугах, акциях, новостях.

UCS: Премьера

Уникальное программное обеспечение для сетей и мегаплексов, одна из самых популярных билетных систем в России.

UCS: Киноматика

Автоматизированная система трансляции расписания и рекламы репертуара кинотеатра,

UCS: R-Keeper

автоматизация предприятий общественного питания: ресторана кафе, бара, столовой, фастфуда

Kinopoisk.cf

Это нужно для автоматизированного заполнения описаний фильмов, рейтингов, скриншотов и другой полезной информации.

Эквайринг Сбербанка

Услуга предоставляемая Сбербанком дает возможность осуществлять расчеты с клиентами посредством пластиковых карт.

Похожие проекты

Оставить заявку
Файл
Оставить заявку на вакансию
Прикрепите резюме