К нам часто приходят клиенты, у которых есть отличная идея, но не хватает опыта и знаний, чтобы ее реализовать. Так получилось и с MyWard — приложением для создания модных образов. Рассказываем, как помогли клиенту «найти» свой стиль, определиться с набором фич и выпустить на рынок MVP.
Время чтения: 6 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
К нам обратилась заказчица из ОАЭ за дизайном и разработкой приложения MyWard. Идея пришла из собственного опыта: хотелось удобный сервис, где можно составлять стильные образы из элементов одежды.
Приложение работает так:
Похожие решения уже существовали на рынке. Вот только было одно важное «но»: вещи и аксессуары в них не из каталогов реальных магазинов, а из фотостоков или случайных сайтов. Пользователи могли составить лишь примерные образы, но ни купить эти конкретные вещи, ни добавить элементы своего гардероба у них не получилось бы.
Так они могут не просто составить абстрактный образ, а сразу заказать его по ссылке в описании к каждому предмету одежды. Или перенести весь свой гардероб в диджитал-версию — для этого нужно просто посмотреть, из какого магазина вещь, найти ее в приложении и добавить к себе в аккаунт.
Почему бы другим приложениям не брать вещи с сайтов магазинов? Это сложнее, чем взять просто фото одежды, и требует дополнительных усилий. Небольшой спойлер: для этого мы работали параллельно со второй командой.
Благодаря MyWard больше не нужно долго подбирать вещи у стойки в магазине или перед своим шкафом. Проще сделать это онлайн и сохранить весь образ в приложении, чтобы вернуться к нему в любой момент.
Звучит отлично, правда? Чтобы реализовать идею приложения MyWard, нам нужно было справиться с тремя задачами:
1️⃣ Разработать дизайн, который понравится целевой аудитории (в основном это молодые девушки), и будет удобным в использовании. Нужно было найти баланс между премиальным минимализмом и уютным, «живым» интерфейсом.
2️⃣ После дизайна — разработать приложение, где можно собирать образы из элементов одежды, делиться ими и просматривать работы других пользователей.
3️⃣ Параллельно с разработкой наладить взаимодействие со сторонней командой, которая занималась переносом вещей из каталогов реальных магазинов в приложение.
У нашей заказчицы не было опыта создания мобильных приложений. Зато была классная идея, инвестиции и наша команда.
От нас требовалось не просто сделать дизайн и приложение, а проработать его бизнес-логику, путь пользователя, выбрать только самые важные фичи.
К счастью, мы уже успешно запустили более 550 MVP для наших клиентов, так что работа над MyWard шла по плану.
После подробного обсуждения бизнес-логики приложения мы предложили протестировать идею и запустить MVP с базовым набором фич. Вместе с заказчицей выбрали самые важные:
Благодаря гибкому подходу и вовлеченности клиента мы быстро пришли к понятному реалистичному списку задач и четким срокам проекта.
Работу над дизайном мы начали с референсов от заказчицы. У нее не было конкретных идей, скорее, пожелания и общее направление. Мы проанализировали предоставленные примеры и вывели для себя примерные ориентиры:
Через 3 месяца работы с нами заказчица увидела дизайн, который полностью соответствовал ее представлению. Это был «тот самый» стиль приложения MyWard, который понравится пользователям и не будет отвлекать от создания образов.
Посмотрим на примерах, как нам это удалось:
1️⃣ Создали лаконичный черно-белый интерфейс с одним акцентным цветом — оранжевым. Так экран не выглядит перегруженным, несмотря на разноцветные элементы одежды.
2️⃣ Светло-голубой цвет фона оттеняет белые плашки с образами и отлично подходит для просмотра изображений. Оранжевый добавляет в интерфейс уют и тепло, а темные кнопки создают контраст и задают более серьезный тон.
Цветовая гамма приложения MyWard
3️⃣ Добавили минималистичные иконки, чтобы пользователь сосредоточился на просмотре образов и не отвлекался на элементы интерфейса.
Минималистичные иконки
4️⃣ Сделали два варианта просмотра образов в ленте: по одному или сеткой. Пользователь сам выбирает, просматривать сразу несколько образов или сосредоточиться на конкретном.
Лента в приложении
5️⃣ Выбрали два шрифта. Акцентный — для заголовков и имени пользователя, чтобы привлечь внимание. Более строгий и утонченный — для остального текста, чтобы задать «премиальный» тон приложению.
Пример шрифта Golos
6️⃣ Добавили обложку и отображение портфолио в личном профиле. Чтобы пользователи могли быстро (почти моментально) оценить стиль владельца профиля и подписаться.
Профиль пользователя в приложении MyWard
Над MyWard работали не только мы, но еще и команда со стороны заказчицы. Они занимались переносом элементов одежды из каталогов реальных магазинов и разработкой нейросети для удаления фона с фото вещей.
Для этого мы разобрались, как правильно переносить списки элементов одежды к нам в приложение так, чтобы они удобно располагались при составлении образа.
Еще мы заметили, что разработанная второй командой нейросеть не до конца удаляет фон с фото вещей. Это не очень удобно при комбинации одежды. С остатками фона общая картинка выглядела неаккуратно, что могло навредить репутации приложения. На поиск решения потребовалось время, но усилия стоили того. Теперь элементы одежды отделяются от фона четко по контуру, а пользователям удобно составлять красивые образы.
Помимо самого приложения мы работали еще и над лендингом для его продвижения:
Дизайн лендинга
Заказчица осталась довольна результатом и тем, как четко и заинтересованно мы работали, чтобы к нему прийти. От первого обращения и до финальной сдачи проекта прошло 10 месяцев. В итоге, наша клиентка выпустила работающую MVP-версию приложения с платной премиум-подпиской.
Сейчас заказчица собирает обратную связь от пользователей, их пожелания по новым фичам и улучшению уже реализованных. После сбора информации мы планируем вернуться к взаимодействию и обсудить дальнейшую разработку расширенной версии MyWard.
Насколько публикация полезна?
Оцени эту статью!
19 оценок, среднее 4.7 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 рабочих часов.
Может, вы хотите запланировать онлайн встречу?
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.