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

Наступний
кейс:
Готові
працювати разом ?

    Привіт! Мене звати . Мені потрібен Залюбки обговорю проєкт Хочу поспілкуватися
    електронною поштою