Nice2Be: проектирование и дизайн первого мобильного приложения для экологичной работы со стилистами

Мы не преувеличили, когда сказали, что сделали дизайн первого мобильного приложения для работы со стилистами. Проект Nice2Be — это стартап. Наша клиентка Анна Быстрицкая пять лет работает стилистом. Проект вырос из её боли — у стилистов нет удобного инструмента, чтобы помогать клиентам создавать образы в онлайне.

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

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

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

Мы собрали входящие требования, проанализировали прототип, обсудили с Анной детали и перешли к разработке собственного макета, который можно будет передавать в производство. 

2.1. Определили целевых пользователей

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

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

2.2. Продумали основную функциональность 

— Создание цифрового гардероба. В приложении можно сделать цифровую копию своего реального гардероба. Пользователь фотографирует вещь, приложение обрезает у фотографии фон и добавляет вещь в коллекцию. 

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

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

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

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

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

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

Каким получился дизайн мобильного приложения:

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

— Акцентный шрифт Tenor Sans. Для основного шрифта использовали стандартный тонкий гротеск. Но нам хотелось добавить в дизайн «журнальную» нотку: как будто наше приложение — интерактивное модное издание с образами и красивыми фотографиями, поэтому для заголовков выбрали антикву, которая напоминает шрифты Vogue и Bazaar.

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

Все идеи мы собрали воедино и воплотили в нативном дизайне для пользователей iOS- и Android-утройств. 

Мы проектировали сервис, который помогает людям работать со стилистами онлайн, а стилистам — помогает искать новых клиентов. Но в итоге сделали нечто большее. 

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

Релиз MVP-версии приложения намечен на весну 2023 года. Следить за выходом проекта — https://nicetobe.ru