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