UX/UI дизайн, разработка сайтов на Тильде и графический дизайн

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

RÓHE

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, выделен в виде иконки выхода, что делает завершение сеанса быстрым и понятным. Простая иконографика в сочетании с лаконичным текстом обеспечивает удобство и интуитивное использование интерфейса.