10101.shop: Дизайн B2C art-tech e-commerce платформы

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №1 — Интерфейсы на Dprofile

🔸 Ситуация

Во время развития проекта 10101.art стало понятно, что пользователям сложно сходу понять концепцию покупки долей владения известными картинами, как акции. При этом во время выставок мерч проекта пользовался большим спросом, поэтому команда решила протестировать продажу футболок в качестве более понятного и физического продукт — однако, всё еще с упором на искусство.


Сначала был запущен под-проект 10101.cult с футболками, вдохновленными известными картинами, а затем появился 10101.shop — платформа, где покупка каждой футболки включала небольшую долю владения оригинальной картиной, изображенной на ней.

🔸 Задача

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

🔸 Решение и результат

Я решила использовала максимально простые и быстро считываемые посылы, например: "Clothing + Fine Art. Wear the shirt — co-own the Masterpiece". Над каталогом добавила пиктограммы в виде футболки и картины («👕 + 🖼️»), они помогали мгновенно объяснить суть продукта. В карточках товаров я добавила информацию о размере доли владения картиной, включенной в покупку. Кроме того, на протяжении всего лендинга я повторно акцентировала внимание пользователя на ключевой ценности продукта с помощью крупных текстовых вставок в контрастной типографике, например "Original Painting. Ownership Included".

В результате удалось создать стильный и понятный визуальный образ продукта. Во время юзабилити-тестирований пользователи отмечали, что концепция стала понятной, а сам продукт вызывал желание совершить покупку.


🔸 Ключевые страницы и пользовательские сценарии

10101.cult: Главная страница

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №2 — Интерфейсы на Dprofile




10101.shop: Главная страница

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №3 — Интерфейсы на Dprofile




Страница товара


Разные варианты первого блока страницы товаров проектов 10101.cult и 10101.shop:

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №4 — Интерфейсы на Dprofile




Страница полностью:

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №5 — Интерфейсы на Dprofile





Флоу покупки

Для сайд-проектов 10101.cult и 10101.shop была разработана корзина:

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №6 — Интерфейсы на Dprofile





В чекауте 4 шага, включая выбор способа оплаты, криптовалюты и заполнение адреса:

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №7 — Интерфейсы на Dprofile





Даже к самым скучным и серьезным экранам можно подобрать забавные иллюстрации, которые помогут оживить сервис и запомниться. Такими стали картинки в духе "Страдающего Средневековья", а грустный котик с лютней на экране неуспешной оплаты стал любимцем всей команды.

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №8 — Интерфейсы на Dprofile





Получение доли картины после покупки футболки

Для того, чтобы получить сертификат о владении части картины, нужно забрать на сайте закрепленный за тобой кусочек НТФ, так как деление и достоверность владением картины осуществляется с помощью смарт-контрактов. Покупатель получает QR-код, перейдя по ссылке с которого он попадает на следующую страницу:

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №9 — Интерфейсы на Dprofile





История покупок

Страница, где можно посмотреть историю заказов, статус покупки, а также повторить заказ. В соседних разделах находятся сохраненные адреса доставки и платежные карты.

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №10 — Интерфейсы на Dprofile





Настройки региона и валюты

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №11 — Интерфейсы на Dprofile





Флоу регистрации и авторизации

Сложность данного флоу регистрации состояла в том, что помимо логина и пароля пользователь должен получить и сохранить приватный и секретный ключи, необходимые для создания криптокошелька на платформе. После нескольких итераций и юзабилити-тестирования пользователи стали уверенно проходить регистрацию и понимать важность надёжного хранения ключей.

10101.shop: Дизайн B2C art-tech e-commerce платформы — Изображение №12 — Интерфейсы на Dprofile

Оценить

Добавить в коллекции...

От автора