Сверстал мобильное приложение сервиса бронирования столиков по дизайн-макету заказчика: экран онлайн-бронирования для гостя, выбор столика на схеме зала с таймлайном занятости и панель заявок для ресторана.
Мобильное приложение для кафе и ресторанов: гость бронирует столик онлайн, а заведение принимает заявки и ведёт рассадку по залу. Заказчик подготовил дизайн-макеты всех экранов приложения — по ним нужно было сверстать мобильный интерфейс: от экрана бронирования до панели ресторатора.
Сверстал оба контура приложения. Для гостя — экран онлайн-бронирования с подтверждённой бронью, выбором города и ресторана и формой нового бронирования; столик выбирается на схеме зала из 12 столов с указанием числа мест и таймлайном занятости на выбранное время. Для ресторана — лента заявок на бронь с вкладками «Новые», «В работе» и «Архив», карточками гостей и пагинацией. Тёмная фиолетовая тема, карточки и кнопки перенесены с макета без изменений.
Все экраны кейса — мобильные: это приложение для смартфонов. Скриншоты готовых экранов переданы заказчиком.
Экраны приложения — по дизайн-макету заказчика. Тёмная тема, типографика, карточки и кнопки перенесены пиксель в пиксель, вёрстка аккуратна на экранах разных смартфонов.
Главный экран гостя: подтверждённая бронь с датой, временем и статусом рядом с формой нового бронирования — выбор города и ресторана или выбор заведения на карте.
Выбор столика: сетка из 12 столов с номером, числом мест и занятостью, выбор зала и комментарий к брони — всё видно на одном экране.
Временная шкала на выбранное время: занятые столы с числом мест видны на одной оси — загрузка зала считывается с одного взгляда.
Домашний экран заведения с плитками разделов — заявки, столы, подписка, сотрудники, профиль и настройки; новые заявки помечаются бейджем с числом.
Заявки на бронь во вкладках «Новые», «В работе» и «Архив»: дата и время, число гостей, контакт и комментарий, кнопки подтверждения и отмены, пагинация.
Гость бронирует столик онлайн, ресторан принимает заявки и ведёт рассадку — оба контура свёрстаны в единой тёмной теме.
Выбор столика с числом мест и занятостью плюс таймлайн брони на выбранное время — рассадка видна целиком.
Тёмная фиолетовая тема, плитки разделов и экраны бронирования перенесены с дизайн-макета заказчика без изменений.
Приложение работает в закрытом доступе — публичной демо-версии у кейса нет.
Это приложение с закрытым доступом, ссылок на него нет. Ключевые экраны показаны в разделе «Скриншоты» выше.
Скриншоты в кейсе — снимки готовых экранов приложения, переданных заказчиком.
Пришлите дизайн-макет сайта или приложения и расскажите про проект — сверстаю все экраны адаптивно, от первого до последнего, готовые к интеграции с CMS. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает