markmoda
MARK.MODA — фешн-платформа, построенная вокруг визуального конструктора образов: отчасти витрина ведущих интернет-магазинов, отчасти соцсеть для стилистов и любителей моды.
UX/UI сайта и мобильного приложения в 2019 году — от ленты образов, каталога и страниц товаров до виртуальной примерочной и раздела курсов, — а также промоматериалы.
Фешн-платформа, построенная вокруг конструктора образов
MARK.MODA — визуальный конструктор образов. Он позволяет любому стать частью мира моды: собирать наряды, как профессиональный стилист, из вещей актуальных коллекций, тренировать чувство стиля и покупать вещи в ведущих интернет-магазинах, выбирая лучшее предложение. Одновременно платформа — это соцсеть, где стилисты, модельеры, блогеры и покупатели публикуют свои образы и подписываются друг на друга.
В 2019 году мы разработали UX/UI сайта и приложения, а также промоматериалы. Визуальный стиль следует модному журналу: заголовки в Playfair Display — переходной антикве из эпохи острых стальных перьев, текст интерфейса в Roboto Condensed, палитра из черного, белого и одного красного для действий и вырезанные фото моделей в полный рост на светло-сером.
Сайт: лента образов, каталог и страница товара
Главная страница начинается с лучших женских образов дня, модных новостей и бесконечной ленты образов, где каждый показан фигурой рядом с вещами, из которых он состоит. Участники публикуют в эту ленту свои образы, подписываются друг на друга, оценивают и комментируют, а самые популярные образы поднимаются наверх. Шапка делит магазин на «For her» и «For him», добавляет курсы и держит под рукой красную кнопку «Create a look».
Каталог открывается категориями вроде костюмов, трикотажа, верхней одежды, жакетов и аксессуаров, рядом брендов и сеткой товаров с фильтрами. Страница товара сочетает вещь и ее цену с образами, в которых она уже использована, так что покупатель видит, как эту вещь носят, еще до покупки.
Мобильное приложение и виртуальная примерочная
Мобильное приложение переносит ленту, каталог и конструктор образов в более чем тридцать экранов — от объявления «New mannequin available» до регистрации через Facebook. Образы на телефоне собирают так же, как на десктопе: выбираешь манекен, а затем одеваешь его из каталога вещь за вещью.
Конструктор образов — ядро продукта. На десктопе каталог расположен рядом с манекеном в полный рост, а для выбора самого манекена есть отдельная вкладка. Пользователи также могут заказать свою цифровую копию в студии MARK.MODA и сохранить собственные параметры, так что образ показывает, как вещи будут сидеть на их фигуре и какой размер выбрать.
Курсы для стилистов и специалистов индустрии моды
Для стилистов платформа — еще и рабочий инструмент: реалистичные образы в высоком разрешении идут прямо в лукбуки и презентации без фотосъемки. Раздел курсов добавляет обучение: каталог курсов, страницы брендов, страница курса с преподавателями-экспертами, учебной программой и отзывами, страница лекции с практической частью и вопросами и лента работ студентов — и все это повторено в приложении.
Презентация завершается миссией, которую клиент поставил перед MARK.MODA, — стать лучшей фешн-платформой и онлайн-сервисом для всех, — показанной через те же вырезанные образы, что наполняют ленту.
Факты о проекте
- Клиент
- MARK.MODA, фэшн-платформа, построенная вокруг визуального конструктора образов
- Отрасль
- Мода, e-commerce
- Платформа
- Веб, мобильное приложение
- Услуги
- UX/UI-дизайн для веба и мобильных устройств, рекламные материалы
- Что сделано
- Сайт с лентой образов, каталогом, страницами товаров, конструктором образов и курсами; мобильное приложение более чем на тридцать экранов; рекламные материалы
- Год
- 2019
- Больше работ в
- UX/UI и веб-дизайн, Мобильные приложения
Вопросы о проекте
Что такое MARK.MODA?
MARK.MODA — фэшн-платформа, построенная вокруг визуального конструктора образов. Пользователи собирают образы из актуальных коллекций, покупают вещи в ведущих интернет-магазинах и публикуют свои образы в социальной сети стилистов, дизайнеров одежды, блогеров и покупателей.
Что и когда студия thelegacy разработала для MARK.MODA?
В 2019 году мы спроектировали UX/UI сайта и мобильного приложения MARK.MODA и рекламные материалы: ленту образов, каталог и страницы товаров, конструктор образов с виртуальной примерочной и раздел курсов.
Как работает конструктор образов MARK.MODA?
Каталог расположен рядом с манекеном в полный рост, которого пользователь одевает вещь за вещью, — и на десктопе, и на телефоне. Пользователи также могут сделать свою цифровую копию в студии MARK.MODA, и тогда образ показывает, как вещи будут сидеть на их фигуре и какой размер выбрать.
