ПИЦЦМАН
Две кухни. Два мира. Один вход.
Независимый концепт для «Пиццмана» и «Маняв»: от рисованных персонажей и гастрономических иллюстраций до поиска блюда, состава и звонка в заведение.
- СТАТУС
- НЕЗАВИСИМЫЙ КОНЦЕПТ
- МОЯ РОЛЬ
- Концепция · арт-дирекшн · UX/UI · frontend
Личный неофициальный проект, созданный без заказа брендов.
С чего всё
началось.
Меню должно передавать характер кухни и помогать выбирать. У пиццы, домашних блюд и десертов разная подача, но гостю везде нужны понятные категории, цена и подробности.
Разделить характер. Сохранить понятный путь.
Два самостоятельных меню. Поиск и категории работают внутри каждой кухни; заказ продолжается по телефону.
Что делает
проект сильнее.
У каждой кухни — собственная сцена
«Пиццман» построен вокруг крупных иллюстраций, кота и ярких глав меню. У «Маняв» — своя палитра, фотографии и более спокойный ритм. Между ними можно перейти через общий вход.
Различия брендов определяют композицию, а не только цвет кнопок.
Печатное меню переведено в логику выбора
Технические категории «Маняв» объединены в понятные гостю разделы. Блюда с общей фотографией собраны в семейства; в карточках сохранены варианты порций, добавки и пищевая ценность, когда они есть в данных.
Можно сравнить близкие блюда, не просматривая повторяющиеся фотографии.
Характер не мешает найти блюдо
В обеих витринах работают поиск по названию и описанию, фильтры и подробные карточки. Категории и контент присутствуют в серверном HTML; тяжёлые изображения ниже первого экрана загружаются отложенно.
У выразительной страницы есть короткий путь к конкретной позиции.
Что важно
учитывать.
Меню, а не система заказов
В концепте нет корзины, онлайн-оплаты или передачи заказа на кухню. Его сценарий заканчивается выбором блюда и переходом к телефону или адресу.
Контент обновляется в исходниках
Цены, блюда и составы хранятся в TypeScript и JSON. Собственной редакторской панели и синхронизации с ресторанной системой пока нет.
На чём
это работает.
- React + Vinext
- две страницы меню и серверный HTML
- TypeScript + JSON
- блюда, порции, добавки и категории
- CSS + локальные медиа
- две визуальные системы и иллюстрации
Хотите цифровое меню с характером?
Расскажите, что хотите сделать. Обсудим задачу и следующий шаг.