← Вернуться к работам
САЙТЫ И ВЕБ-СЕРВИСЫ / КЕЙС 05

ФЕРМ.

Магазин с живой корзиной.

Каталог фермерских продуктов с категориями, карточками товаров и корзиной, которая сохраняет покупки между посещениями.

КаталогКорзинаСписок
ferm
Первый экран проекта ФЕРМ на компьютере
Первый экран проекта ФЕРМ на телефоне
КАТАЛОГ + КОРЗИНА
Технологии
HTML5CSS3JavaScriptlocalStorageClipboard API
ЗАДАЧА

Превратить выбор продуктов в понятный сценарий

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

01 / ПОИСК

Каталог

Категории и понятные карточки продуктов.

02 / ВЫБОР

Корзина

Добавление без перехода на другую страницу.

03 / ПРОВЕРКА

Итог

Количество и стоимость всегда видны.

04 / СПИСОК

Экспорт

Скопировать состав покупки одним нажатием.

ЧТО СДЕЛАЛ

Сценарий, интерфейс и детали

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

Категории

Овощи, молочные продукты и товары к столу переключаются без перезагрузки.

Корзина

Товары добавляются и удаляются, количество и сумма пересчитываются сразу.

Сохранение

Корзина остаётся на устройстве после обновления страницы.

Список покупок

Состав корзины можно скопировать текстом.

ИНТЕРФЕЙС

Корзина на отдельной странице

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

Корзина на отдельной странице проекта ФЕРМ
ФЕРМ · экран проекта
НУЖЕН ПОХОЖИЙ ПРОЕКТ?

Расскажите о своей задаче

Опишете сценарий и ограничения — предложу понятный первый шаг.

Написать в Telegram