Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
Данил Горцуев
WAVE - мессенджер с кошельком
Данил Горцуев
#Проектирование приложений#Дизайн приложений#Фирменный стиль

WAVE - мессенджер с кошельком

195 
Данил Горцуев Россия, Красноярск
Поделиться: 0 0 0
WAVE - мессенджер с кошельком
Компания

ООО "КАЙДЗЕН ДИДЖИТАЛ"

Бюджет

240 000

Сфера

Информационные технологии и интернет

Регион

Россия, Калининград

Сдано

Март 2022

Задача

Задачей перед нами стояла разработка нативного мобильного приложения под платформы Android и IOS, позволяющего бесспроблемно обмениваться аудио- и видео-сообщениями, файлами и совершать денежные переводы. Также продумать уникальную систему монетизации каналов, чатов, групп, кросстрансляций, сторисов и другого функционала.

Решение

Изначально заказчик пришел к нам с купленным макетом и поставил задачу: "Доработайте его под мои запросы". Но изучив макет подробнее, не смогли закрыть его потребность из-за отсутствия дизайн-системы, непонятной работы и полной неорганизованности макета по цветовым решениям. Все это усложняло как работу дизайнера, так и разработчика. 

После обсуждения этой проблемы с заказчиком пришли к решению - делать с нуля!

1Исследования (Анализ ЦА, конкурентов)

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

Так как одним из сегментов целевой аудитории являются контентмейкеры, расширили функционал приложения:

1. Разделение групповых чатов и каналов на "Публичные" и "Приватные"

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

Например: Платный-публичный (можно найти через поиск) канал с полезными файлами или платный-приватный (вступление только по ссылке-приглашению) групповой чат с менторами.

2. Возможность монетизации не только каналов, но и групповых чатов

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

3. Добавление прямых трансляций для каналов, конференций для групповых чатов

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

4. Добавление трансляций на главный экран

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

2Mind Map (Архитектура приложения)

Майнд карта вышла слишком огромной в ширину, что не позволяет продемонстрировать её в полном размер. Но благодаря ей мы смогли зафиксировать решения, структуру и идеи клиента.

3Прототипирование

Было отрисовано более 150+ экранов в высокодетализированном прототипе со всеми состояниями.

4Концепт, мудборд

Знакомство с приложениями и потенциальными конкурентами на рынке

Разбор визуальных приёмов и ассоциаций на примере референсов взятых с открытых источников

Финальные концепты, утвержденные со стороны заказчика

5Дизайн

Были отрисованы моб. экраны в белой и темной теме

6Формирование UI KIT

Полный UI KIT с более 340+ элементами

Часть из UI KIT

Цветовые и шрифтовые стили, идеальная организация макета и состояния интерактивных элементов

Результат

На релизе мы получили мобильное приложение-мессенджер, с кросс-трансляциями, сторисами и со встроеной платёжной системой, которая позволяет монетизировать свои чаты и быстро переводить деньги друзьям или контактам. 

Данил Горцуев
Данил Горцуев

Россия Красноярск

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


Стек технологий

  • Flutter Flutter Фреймворк/библиотека
  • Adobe Photoshop Adobe Photoshop Графический редактор
  • Figma Figma Графический редактор

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

Хотите заказать похожий проект?

Оставить заявку