1.png

Краткая суть ТЗ:

<aside>

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

</aside>

Понимание задачи

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

2.png

Целевая аудитория

Сотрудник Контура — это, как правило, IT-специалист, дизайнер, аналитик или менеджер, работающий в офисе с гибким графиком. Ценит своё время, привык к удобным цифровым сервисам. У него плотный рабочий день, встречи, звонки, фокус на задачах — и нет желания тратить 10–15 минут в очереди. Он опытный пользователь, который ожидает от приложения интуитивности, скорости и пользы — без лишних шагов и с заботой о его времени.

Смысловая структура и прототип

Я прописала основные экраны приложения, которые охватят задачи ТЗ и провела бенчмаркинг, чтобы понимать пользовательские паттерны выбора и оформления заказа:

4.png

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

Снимок экрана 2025-05-22 в 14.24.40.png

Дизайн

Наполняю макет контентом, уточняю детали, проверяю цветовые значения и выравниваю элементы для обеспечения визуальной консистентности. Выбор цветовой палитры и шрифта основан на фирменном стиле самой кофейни — ярком и позитивном, что хотелось отразить в дизайне.

6.png

7.png

8.png

Все изображения сгенерировала в нейросетях. Использовала Рекрафт и встроенный ИИ внутри Фигмы — получилось собрать каталожную серию.