LILAC: концепция интернет-магазина цветов

От выбора букета до оформления

LILAC — демонстрационная концепция магазина цветочной мастерской. Она показывает дизайн и поведение интерфейса на пути от каталога к заказу. Это пример работы для портфолио, а не действующий сервис продажи и доставки цветов.

Концепция включает 12 страниц: главную, каталог, карточку товара, корзину, оформление и подтверждение заказа, а также страницы о мастерской, доставке, контактах, подписке, свадебных предложениях и цветах на сегодня. Благодаря этому можно оценить не только первый экран, но и связность магазина.

Фильтры, которые можно проверить

В каталоге реализованы фильтры по категории, поводу, цвету и верхней границе цены. Есть сортировка по цене, новизне и популярности, сброс выбранных условий и сообщение, когда подходящих товаров нет. Состояние фильтров отражается в адресе страницы.

Такая демонстрация помогает обсудить будущий магазин предметно. Можно открыть каталог, изменить условия и посмотреть, как интерфейс ведёт себя с выбранными ограничениями. Для другого ассортимента набор фильтров нужно определять заново на основе характеристик товаров и вопросов покупателей.

Корзина и границы демонстрации

Демонстрационная корзина сохраняет выбранные позиции в браузере. Страница оформления проверяет поля формы, рассчитывает показанный итог и открывает страницу подтверждения. Это позволяет пройти интерфейсный сценарий целиком.

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

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