Проекты с запахом еды всегда попадают в особую категорию — даже если запаха нет, визуальный стиль, структура и логика подачи обязаны быть настолько аппетитными, чтобы захотелось лизнуть экран. Так появился макет Pelmenia — концепта онлайн-конструктора для тех, кто считает, что пельмени должны собираться вручную, но пальцами по тачскрину.
Идея сайта проста до гениальности: пользователь собирает своё блюдо шаг за шагом, как будто находится на кухне. При этом дизайн не прикидывается «домашним» — он и есть домашний. Никаких кислотных кнопок и перегруженных карточек. Только аккуратная графика, нарочито простая типографика и чистый белый фон, который подчёркивает продукт, а не отвлекает от него.
Цель — сделать процесс заказа похожим на игру: выбираешь ингредиенты, настраиваешь состав, следишь за ценой и — вуаля — получаешь кастомные пельмени, собранные лично тобой. Всё это — с анимациями, пошаговыми подсказками и полной адаптацией под любые устройства.
Pelmenia — интерактивный конструктор пельменей
Pelmenia — это концепт сайта-конструктора, который превращает процесс заказа еды в игру. Посетитель сам «собирает» пельмени: выбирает тесто, мясо, специи и дополнительные ингредиенты. Всё это подано в лёгком, почти мультяшном визуале, с акцентом на простоту, понятность и ощущение «ручного» продукта.
Структура макета
1. Главная страница
На первом экране: логотип, URL проекта и демонстрация сайта на мониторе. Сайт выполнен в минималистичном стиле — много белого пространства, векторные иконки, интерактивные элементы выделены пунктирной рамкой. Верхняя панель включает навигацию: Pelmenia, Shop, Bestellung (заказ), FAQ. Под ней — карточка пельменей и пошаговая инфографика, как работает конструктор.
2. Этап выбора ингредиентов
Блок с заголовком ORDER — основной этап кастомизации пельменей.
На экране — выбор специй (соль, перец, лук), каждый ингредиент с кнопками «hinzufügen» (добавить) и «löschen» (удалить). Слева — иллюстрация солонки и подпись: «3 Wählen Sie Gewürze aus» — шаг №3 в конструкторе.
Справа — финальная корзина с элементами:
- Teig (тесто)
- Fleisch (мясо)
- Gewürze (специи)
- Extras (дополнительно)
- Name (поле ввода имени)
- Weiter (кнопка продолжения)
3. Этап оплаты
Заголовок CHECKOUT иллюстрирует следующий шаг — оформление заказа. На планшете отображён экран с подтверждением заказа, изображение пельменей, детали состава и кнопка оплаты. Пользователь нажимает на элемент интерфейса, завершая заказ.
4. Футер
В нижней части — лаконичный футер с иконками венчика и мешка муки, разделённый на три колонки:
- Pelmeni: Pelmeni mixen, Herkunft der Zutaten
- Service: Gutscheine, Für Händler und Gastronomie
- Pelmenia: Jobs, Impressum
Всё стилизовано под hand-drawn стиль — аккуратные линии, простые формы, вызывающие ассоциации с домашней кухней.
Особенности проекта
- Интерактивность: сайт превращает обычный заказ еды в кастомизацию блюда.
- Юзабилити: крупные элементы интерфейса, минимализм, удобный процесс выбора.
- Геймификация: процесс напоминает сборку пиццы или сборку персонажа в RPG.
- Мультиплатформенность: в макете показана адаптация как под десктоп, так и под планшеты.
- Стилистика: ручные иллюстрации, контраст чёрного и белого, минимальное количество цветов — акцент на продукт.
Pelmenia — это не просто онлайн-магазин, а интерфейс, который делает кастомизацию еды наглядной, простой и даже немного весёлой. Макет выстроен так, чтобы не пришлось объяснять ничего — всё считывается интуитивно: солонка сыплет соль, перец сыплется сам, кнопки кричат «добавить» и «удалить», а чекбокс подмигивает «имя введи, герой».
Проект показал, как даже традиционный продукт можно упаковать с душой, если добавить немного юмора, логики и визуального вкуса. В таких проектах дизайн не просто подаёт товар — он формирует привычку возвращаться за ещё одной порцией.
