Menufier — онлайн-меню кофеен и баров. Большинство онлайн-меню выглядят устаревшими. Я хотел дать владельцам малого бизнеса доступ к хорошему дизайну без необходимости нанимать фрилансера.
Вайбкодинг
Работа над проектом была еще возможностью лучше узнать возможности кодинга с ИИ. Я начал кодить с Cursor, затем перешёл на Codex и в итоге остановился на Claude Code.
Клод стал моим основным инструментом в проекте. Его я использовал не только для кода, но и для дизайна, стратегии и маркетинга.
Значительная часть интерфейса создавалась прямо в коде, без использования Фигмы.
Онбординг
Онбординг состоит из шести шагов и собирает всю нужную информацию о заведении. Цель была в том, чтобы максимально сократить повторяющиеся действия. Например, при вводе часов работы их можно задать для одного дня и перенести на остальные дни недели.
Дашборд
В отличие от многих конструкторов меню, я решил не усложнять работу с меню и не добавлять несколько разделов с навигацией. Вместо этого пользователь сразу попадает в дашборд со своим меню и делает большую часть работы прямо там.
Меню
Из дашборда меню можно опубликовать, чтобы получить ссылку на меню и QR-код. Именно с этой частью взаимодействуют гости, поэтому я относился к ней как к основе всего продукта.
Кофейни могут принимать онлайн-заказы. Тогда гости смогут оформить заказ прямо с телефона, а специальный бот отправит его в чат в Телеграме.
Я спроектировал два сценария заказа: навынос и в заведении. Для заказа в заведении каждому столу присвоен номер. Гости вводят его перед оформлением, чтобы сотрудники знали, куда принести заказ.
Даже если владелец не включил онлайн-заказы, гости всё равно могут добавлять блюда в корзину. Так они смогут увидеть общую стоимость заказа, и прочитать официанту заказ без необходимости его запоминать.
В этом случае гости видят сообщение о том, что онлайн-заказ недоступен и заказ можно просто показать официанту.
Анимации
Мне хотелось уделить чуть больше внимания деталям, чтобы владельцы заведений чувствовали качество продукта с самого начала. Поэтому я добавил микроанимации в разных частях интерфейса.
В работе над ними мне очень помогли дизайн-скиллы Emil Kowalski.