Партнёрство мечты: инсайды сотрудничества автора книги 105 Multimedia и студии разработки EndCode

Привет! На связи EndCode, студия разработки мобильных приложений. 👾

Наша студия недавно имела удовольствие поработать над интересным и масштабным проектом – созданием приложения-справочника для популярной книги «105 Multimedia» известного медиатренера и журналиста Оксаны Силантьевой.

ОСТОРОЖНО! Эта статья пропитана очень теплыми отношениями между нами и заказчиком (о каких мечтает, наверное, любая компания/фрилансер, но нам удается в жизни).

В этой статье хотим поделиться, как проходил проект 105 Multimedia и поделимся нашими инсайдами, почему все пошло ТАК.

Партнёрство мечты: инсайды сотрудничества автора книги 105 Multimedia и студии разработки EndCode

Прелюдия

Оксана Силантьева — мультимедийный продюсер, медиатренер и консультант. Магистр мультимедиа журналистики, основатель компании «Силамедиа» и автор книг для журналистов, редакторов и сторителлеров.

Оксана Силантьева
Мультимедийный продюсер, создатель и руководитель Лаборатории мультимедийного опыта Silamedia.

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

рассказывает Оксана

В апреле 2023 мы нашли ее заказ на Профи. ру и решили откликнуться. Короткая переписка, договорились о времени, созвон в Google Meet…

На момент первой встречи Оксана уже протестировала гипотезу на MVP-версии приложения-справочника, которое сделала сама на no-code конструкторе Glide apps. Но с ростом аудитории возник запрос превратить его в полноценное приложение с расширенным функционалом и опубликовать в сторах.

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

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

По её словам, окончательное решение о сотрудничестве было принято после того, как она прочитала интервью с Артёмом Панфёровым Зерокодеру. И то, как он рассказывал о своем опыте, «отозвалось» у потенциального заказчика.

Решение о сотрудничестве было принято почти сразу. Подписали договор и приступили к проекту.

Подготовка к проекту

В нашей студии каждый наш проект проходит обязательный этап подготовки к проекту.

Первый — сбор команды проекта. На проекте 105 Multimedia она состояла из:

  • Project-менеджера, который руководит и организует основные процессы на проекте, а также ведет коммуникацию между заказчиком и командой;

  • UX/UI дизайнера;

  • TeamLead’а команды разработки;
  • Middle-разработчика FlutterFlow;

После сбора команды project-менеджер спроектировал RoadMap ведения проекта с основными milestones разработки. Подобный подход позволяет прозрачно смотреть на проект как команде, так и заказчику.

UX/UI: воплощение идеи в интерфейс

Первым этапом разработки стал UX/UI дизайн. Ключевая роль на этапе проектирования дизайна отводилась плотному взаимодействию с заказчиком. Оксана активно участвовала в обсуждениях, делилась идеями.

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

Были спроектированы пользовательские сценарии, создана UX-концепция, прототипы экранов. После одобрения Оксаны перешли к дизайну интерфейса и “упаковке” в магазины App Store и Play Market. Он получился ярким, в фирменном стиле автора. На весь цикл ушло примерно 2,5 недели.

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

В чате с заказчиком мы общались милыми стикерами с лисичкой — маскоттом бренда Оксаны. Подобные, казалось бы, мелочи очень настраивают на позитивный лад всю команду проекта.

Партнёрство мечты: инсайды сотрудничества автора книги 105 Multimedia и студии разработки EndCode

Разработка приложения 105 Multimedia

Итак, UX/UI согласован, едем дальше.

После согласования дизайна, начинается этап непосредственной разработки. Наш разработчик Дмитрий под руководством TeamLead’a Павла приступил к разработке продукта.

Первым этапом был Front-End или верстка экранов приложения во FlutterFlow на основе UX/UI дизайнов. Затем прошел процесс настройки логики работы приложения и подключение Back-End части на FireBase. Иначе говоря заставили работать “машинку” под капотом.

На завершающем этапе была разработана гибкая админ-панель, позволяющая Оксане управлять контентом самостоятельно. На этом случился любопытный факап, о чем пишем в разделе “Инсайды”.

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

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

После утверждения финальной версии мы подготовили необходимые материалы и выложили приложение в AppStore и Google Play.

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

Партнёрство мечты: инсайды сотрудничества автора книги 105 Multimedia и студии разработки EndCode

Так что же пошло ТАК или в чем инсайд?

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

  • Инсайд 1. На стадии разработки панели администратора для работы с текстом мы поняли, что не до конца выяснили запрос Оксаны на функционал. А кто говорил, что все будет идеально гладко?

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


    Вывод:
    максимально тщательно изучать запрос Заказчика и детальнее фиксировать договоренности, не стесняться переспросить и казаться “глупыми”.
  • Инсайд 2. Экологичная доброжелательная коммуникация в партнерских взаимоотношениях — оптимальных путь достижения успеха проекта. Это было нашим главным правилом на каждом проекте и остается им по сей день.

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

  • Инсайд 3. Процессы, грамотное планирование, синхронизации и точки контроля — неотъемлемая часть процесса разработки. Без этого проект рискует идти хаотично и достичь результатов не в том объеме или качестве. Инфа 100%.

В конце

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

Такие проекты вдохновляют нас на новые интересные задачи и новые партнерства!

До встречи в EndCode Studio👾

66
5 комментариев

Секрет со стороны заказчика в том, что она знает, чего ей нужно)) В том, что она сначала ручками сама сделала прототип и помучилась с ним, не сваливая всю работу на подрядчиков) Огромный плюс, что ребята в EndCode умеют слушать, но при этом вкладываются мозгами, советуя альтернативные решения. Будем работать дальше

2
Ответить

Оксана, 💖

Ответить

Очень интересно читать как проходит работа изнутри. Можно увидеть множество нюансов и тонкостей, которые обычно не заметны со стороны. Спасибо 👌

1
Ответить

Всем бы таких подрядчиков ;) очень тёплая статья)

1
Ответить

Крутой кейс!

1
Ответить