Gastronom — e-commerce проект для интернет-магазина продуктов и товаров из стран бывшего СССР.
Задача заключалась в создании удобного и современного интерфейса для мобильной версии интернет-магазина с понятной навигацией и простым процессом покупки.
Основной акцент был сделан на удобстве поиска товаров, структурированной подаче большого количества категорий и комфортном прохождении пользовательского пути — от выбора продукта до оформления заказа.
В рамках проекта я работала над UX/UI мобильного интерфейса, продумывая основные пользовательские сценарии и структуру экранов.
Я выстроила пользовательский путь таким образом, чтобы клиент мог быстро найти нужный товар, ознакомиться с информацией о нём и без лишних действий перейти к покупке.
В рамках дизайна были проработаны:
— структура и навигация интернет-магазина;
— категории и каталог товаров;
— поиск и фильтрация;
— карточки товаров;
— информация о продукте;
— добавление товаров в корзину;
— корзина;
— оформление заказа;
— основные состояния интерфейса.
Особое внимание уделила мобильной адаптации: элементы интерфейса должны оставаться понятными и удобными для взаимодействия даже на небольшом экране.
Для создания цельного визуального решения использовала единый UI-подход, компоненты и повторяемые элементы, что позволило сохранить последовательность интерфейса на всех экранах.
Перед финализацией дизайна я также проверила основные пользовательские сценарии на мобильных устройствах и внесла необходимые корректировки.
В результате получился современный и структурированный мобильный e-commerce интерфейс, в котором основные сценарии покупки выстроены последовательно и понятно для пользователя.
Дизайн охватывает ключевые этапы взаимодействия с магазином: просмотр категорий, поиск товара, знакомство с карточкой продукта, добавление в корзину и оформление заказа.
Готовый UI позволяет использовать единый визуальный стиль на протяжении всего пользовательского пути и создаёт основу для дальнейшей разработки продукта.
Проект был подготовлен в Figma с проработанными интерфейсами и состояниями, необходимыми для передачи дизайна в разработку.