thelegacy

markmoda

Клиент

MARK.MODA — фешн-платформа, построенная вокруг визуального конструктора образов: отчасти витрина ведущих интернет-магазинов, отчасти соцсеть для стилистов и любителей моды.

Что мы сделали

UX/UI сайта и мобильного приложения в 2019 году — от ленты образов, каталога и страниц товаров до виртуальной примерочной и раздела курсов, — а также промоматериалы.

MARK.MODA fashion platform: title and the home page

Фешн-платформа, построенная вокруг конструктора образов

MARK.MODA — визуальный конструктор образов. Он позволяет любому стать частью мира моды: собирать наряды, как профессиональный стилист, из вещей актуальных коллекций, тренировать чувство стиля и покупать вещи в ведущих интернет-магазинах, выбирая лучшее предложение. Одновременно платформа — это соцсеть, где стилисты, модельеры, блогеры и покупатели публикуют свои образы и подписываются друг на друга.

В 2019 году мы разработали UX/UI сайта и приложения, а также промоматериалы. Визуальный стиль следует модному журналу: заголовки в Playfair Display — переходной антикве из эпохи острых стальных перьев, текст интерфейса в Roboto Condensed, палитра из черного, белого и одного красного для действий и вырезанные фото моделей в полный рост на светло-сером.

MARK.MODA fonts and colours

Сайт: лента образов, каталог и страница товара

Главная страница начинается с лучших женских образов дня, модных новостей и бесконечной ленты образов, где каждый показан фигурой рядом с вещами, из которых он состоит. Участники публикуют в эту ленту свои образы, подписываются друг на друга, оценивают и комментируют, а самые популярные образы поднимаются наверх. Шапка делит магазин на «For her» и «For him», добавляет курсы и держит под рукой красную кнопку «Create a look».

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

Home page with looks of the day, fashion news and the look feed
Catalog with categories, brands and product grid
Product page with the looks that use the item

Мобильное приложение и виртуальная примерочная

Мобильное приложение переносит ленту, каталог и конструктор образов в более чем тридцать экранов — от объявления «New mannequin available» до регистрации через Facebook. Образы на телефоне собирают так же, как на десктопе: выбираешь манекен, а затем одеваешь его из каталога вещь за вещью.

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

MARK.MODA mobile app screens
Look constructor with catalog and mannequin
Building a look on the phone

Курсы для стилистов и специалистов индустрии моды

Для стилистов платформа — еще и рабочий инструмент: реалистичные образы в высоком разрешении идут прямо в лукбуки и презентации без фотосъемки. Раздел курсов добавляет обучение: каталог курсов, страницы брендов, страница курса с преподавателями-экспертами, учебной программой и отзывами, страница лекции с практической частью и вопросами и лента работ студентов — и все это повторено в приложении.

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

Courses, brand page and course page with teachers and programme
Lecture page and the feed of works
Courses in the mobile app
MARK.MODA mission and looks

Факты о проекте

Клиент
MARK.MODA, фэшн-платформа, построенная вокруг визуального конструктора образов
Отрасль
Мода, e-commerce
Платформа
Веб, мобильное приложение
Услуги
UX/UI-дизайн для веба и мобильных устройств, рекламные материалы
Что сделано
Сайт с лентой образов, каталогом, страницами товаров, конструктором образов и курсами; мобильное приложение более чем на тридцать экранов; рекламные материалы
Год
2019
Похожие кейсы
tothemoon, uct, fozeus

Вопросы о проекте

Что такое MARK.MODA?

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

Что и когда студия thelegacy разработала для MARK.MODA?

В 2019 году мы спроектировали UX/UI сайта и мобильного приложения MARK.MODA и рекламные материалы: ленту образов, каталог и страницы товаров, конструктор образов с виртуальной примерочной и раздел курсов.

Как работает конструктор образов MARK.MODA?

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

Следующий
кейс:
Готовы
работать вместе ?

    Привет! Меня зовут . Меня интересует С удовольствием обсужу проект Хочу пообщаться
    по электронной почте