На главную
Crypto Merch Store App
первый маркетплейс в экосистеме TON blockchain,
где пользователи могут обменивать NFT на их физические дубликаты.
Задача
На основе вводных данных и чернового макета основных экранов создать полноценный дизайн без прототипа (из-за ограниченных сроков).
Разработать дизайн главной страницы, каталога, страницы профиля и экрана оформления обмена.
Создать минимальный UI-Kit для ускорения и унификации разработки.
Спроектировать админ-панель для управления контентом и товарами в приложении
Обеспечить логичную структуру, интуитивную навигацию и визуальное отличие от Web3 - светлая тема
Конкурентный анализ
Я изучил смежные приложения , которые были ориентированы на продажу NFT и не только: Fragment, Tonnel, Getgems, OpenSea, OZON, Wildberries
Каталог товаров
В обычных маркетплейсах использовалась удобная UX-практика - категории и бренды в виде слайдера. Такой подход я взял на мужко и предложил его в качестве основного варианта поиска NFT-товара внутри приложения CryptoMerchStore. А ниже уже в поиске подробная фильтрация по цене, размеру и цвету.
Такой вариант подходит к продукту, потому что категорий и брендов не слишком много и довольно легко и быстро их можно будет скроллить горизонтальным слайдером. Другое дело, если бы их было очень много. На это расчет не шел из слов СЕО продукта.
На основе анализа главных экранов приложений и опроса 30 человек ( иностранцы в РФ, которые переводят деньги к себе в страну ), выделил функцию, которая была бы полезна и разработал прототип:
Процесс обмена NFT
Процесс обмена происходит через Getgems. Пользователь желает обменять свой товар на реальный физический, заполняя данные в приложении и отправляется на дальнейшие действия в Getgems.
Пользователей важно не загружать полями заполнения данных и грамотно показать правильность заполнения. Если пользователь ошибся, то сразу понимает, где допустил ошибку в полях. Также отработал экраны статуса транзакций. Они показываются только после перехода на Getgems и обратно.
Админ-панель
Основные функции, которые входили в админ-панель:
Добавление категорий в магазин, редактирование товаров
Настройка главного экрана по показу ТОП-товаров
Просмотр актуальных заказов для отправки физ.дубликата по адресу
Спасибо за просмотр кейса!
Буду рад работать с Вами!
Свяжитесь со мной удобным для Вас способом: