Веб-дизайн — удалённая работа в Москве

UX-UI дизайн. Дизайн сайта, telegram mini app. Продукт: 1. Общее описание Telegram Mini App для кинотеатра. Пользователь просматривает фильмы, выбирает сеанс и бронирует места. Администратор управляет фильмами, залами и сеансами через админ-панель. 2. Telegram и пользователи 2.1 Сайт работает как Telegram Mini App. 2.2 Пользователь идентифицируется через Telegram, регистрация не требуется. 2.3 Пользователь видит историю своих бронирований. 3. Фильмы 3.1 Фильмы отображаются в виде карточек с постером, названием, жанром и возрастным рейтингом. 3.2 Доступна фильтрация по жанрам. 3.3 При открытии фильма отображаются описание, длительность, трейлер и доступные сеансы. 4. Выбор сеанса и места 4.1 Пользователь выбирает дату и время сеанса. 4.2 Отображается схема зала со свободными и занятыми местами. 4.3 Пользователь выбирает одно или несколько свободных мест. 4.4 Перед подтверждением отображаются фильм, сеанс, места и итоговая стоимость. 4.5 Онлайн-оплата не требуется. 4.6 После бронирования пользователь получает экран с подтверждением. 5. Административная панель 5.1 Вход в админ-панель осуществляется по логину и паролю. 5.2 Администратор может создавать, редактировать и удалять фильмы. 5.3 Администратор управляет залами и количеством мест. 5.4 Администратор создаёт и редактирует сеансы. 5.5 Все бронирования отображаются в админ-панели. 6. Нефункциональные требования 6.1 Адаптивная вёрстка, приоритет — мобильные устройства. 6.2 Интерфейс должен быть удобным для использования внутри Telegram. 6.3 Основной акцент — визуальная подача фильмов, постеры и схема зала. 6.4 Стек технологий — любой, поддерживающий Telegram Mini App. 7. Исключено из первой версии - Онлайн-оплата - Покупка еды и напитков - Программа лояльности - Промокоды - Возврат билетов - Сложная система скидок - Уведомления о начале сеанса. Объём работ: Количество страниц / экранов: 7 1. Главная / Афиша Необходимые элементы: логотип, баннер с фильмом, карточки фильмов, фильтры по жанрам, нижняя навигация. 2. Карточка фильма Необходимые элементы: постер, название, жанр, возрастной рейтинг, длительность, описание, трейлер, список доступных сеансов, кнопка «Выбрать сеанс». 3. Выбор даты и времени Необходимые элементы: выбор даты, список доступных сеансов, информация о фильме и зале, кнопка продолжения. 4. Выбор места Необходимые элементы: схема кинозала, свободные/занятые/выбранные места, информация о выбранных местах, итоговая стоимость, кнопка «Забронировать». 5. Подтверждение бронирования Необходимые элементы: название фильма, дата и время, зал, выбранные места, стоимость, QR-код или номер бронирования. 6. Мои бронирования Необходимые элементы: активные бронирования, история бронирований, карточки бронирований, кнопка «Отменить». 7. Административная панель Необходимые элементы: список фильмов, управление фильмами, управление залами, управление сеансами, список бронирований. Основные UI-элементы: карточки, кнопки, фильтры, табы, выбор даты и времени, схема мест, формы, модальные окна, статусы, QR-код. Техническое задание есть.