UX/UI дизайн для экранов мобильных устройств, таких как: главная, каталог товаров, регистрация, личный кабинет.
ЦВЕТОВЫЕ РЕШЕНИЯ И ТИПОГРАФИКА
Цвет фона
Белый HEX #FFFFFF RGB 255, 255, 255
Цвет текста
Черный HEX #000000 RGB 0, 0, 0
Цвет элементов
Пурпурно-красный HEX #844A4A RGB 132, 74, 74
Дизайн концепта приложения
Эта работа представляет собой дизайн-концепцию мобильного приложения для современного онлайн-магазина одежды. Основная идея — создать визуально эстетичный и удобный интерфейс, который подчеркивает премиальность брендов и упрощает процесс покупок.
Данный проект отражает мой подход к дизайну — создание эстетичных, функциональных решений, которые отвечают задачам бизнеса и запросам аудитории.
Каталога товаров и карточка товара
Каталог товаров выполнен в современном минималистичном стиле. Карточки товаров расположены в сетке, что обеспечивает удобное восприятие большого объема информации. Каждый товар представлен качественным изображением, названием, ценой (с указанием скидки, если она имеется) и миниатюрами доступных цветовых вариантов. Для удобства покупателей предусмотрена возможность переключаться между списком и сеткой через соответствующую иконку, а также фильтровать товары по заданным параметрам с помощью кнопки "Filters".
Цены со скидками выделены контрастным цветом, чтобы сразу привлекать внимание к выгодным предложениям. Легкость взаимодействия обеспечивается минимальным количеством лишних элементов и четкой структурой отображения.
Карточка товара раскрывает детальную информацию о продукте. Основной акцент сделан на качественном изображении товара, которое занимает центральное место на экране. Под фото расположены:
Название товара и описание материала;
Цена (с отображением скидки, если она есть);
Номера артикула и доступных размеров.
В нижней части карточки представлена политика магазина: доступные опции доставки, возврата и скидок, что помогает покупателям быстро ознакомиться с важными условиями. Пользователь может выбрать подходящий размер, прочитать отзывы (с отображением рейтинга в звездах) и добавить товар в избранное или в корзину с помощью соответствующих кнопок.
Такой подход к дизайну обеспечивает удобство, эстетичность и интуитивность при взаимодействии с приложением.
Регистрация и личный кабинет
Экран регистрации выполнен в минималистичном стиле с акцентом на удобство и простоту. Пользователю предлагается несколько вариантов регистрации: через Google или другие социальные сети (кнопки размещены в верхней части экрана) или через электронную почту.
Форма регистрации через email включает:
Поле для ввода электронной почты;
Поле для имени;
Два поля для ввода пароля (с подтверждением).
Для защиты данных предусмотрена галочка согласия с политикой обработки персональных данных. Кнопка "Create account" выделена контрастным цветом, что обеспечивает интуитивное завершение процесса регистрации. Интерфейс понятен и не перегружен лишними элементами.
Экран личного кабинета организован в виде списка основных функций, которые пользователи могут быстро найти и использовать. В верхней части отображается аватар пользователя, его имя и электронная почта, что помогает идентифицировать аккаунт.
Основные пункты меню включают:
Account details — просмотр и редактирование личной информации;
Order history — история заказов;
Delivery status — отслеживание текущих доставок;
Nearest store — поиск ближайшего магазина;
Return policy — информация о возврате;
Settings — настройка профиля;
Support — обращение в поддержку.
Последний пункт, Log out, выделен в виде иконки выхода, что делает завершение сеанса быстрым и понятным. Простая иконографика в сочетании с лаконичным текстом обеспечивает удобство и интуитивное использование интерфейса.