Партнёрство мечты: инсайды сотрудничества автора книги 105 Multimedia и студии разработки EndCode
Привет! На связи EndCode, студия разработки мобильных приложений. 👾
Наша студия недавно имела удовольствие поработать над интересным и масштабным проектом – созданием приложения-справочника для популярной книги «105 Multimedia» известного медиатренера и журналиста Оксаны Силантьевой.
ОСТОРОЖНО! Эта статья пропитана очень теплыми отношениями между нами и заказчиком (о каких мечтает, наверное, любая компания/фрилансер, но нам удается в жизни).
В этой статье хотим поделиться, как проходил проект 105 Multimedia и поделимся нашими инсайдами, почему все пошло ТАК.
Прелюдия
Оксана Силантьева — мультимедийный продюсер, медиатренер и консультант. Магистр мультимедиа журналистики, основатель компании «Силамедиа» и автор книг для журналистов, редакторов и сторителлеров.
Рассказывать о мультимедиа только текстом невозможно, поэтому мне плюсом к книге нужна была цифровая база форматов, сервисов и примеров. Невозможно часто переиздавать книгу. Поэтому всё «вневременное» я оставила в текстах книги, а всё цифровое, мультимедийное и быстро меняющееся зашила в приложение.
В апреле 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
Итак, UX/UI согласован, едем дальше.
После согласования дизайна, начинается этап непосредственной разработки. Наш разработчик Дмитрий под руководством TeamLead’a Павла приступил к разработке продукта.
Первым этапом был Front-End или верстка экранов приложения во FlutterFlow на основе UX/UI дизайнов. Затем прошел процесс настройки логики работы приложения и подключение Back-End части на FireBase. Иначе говоря заставили работать “машинку” под капотом.
На завершающем этапе была разработана гибкая админ-панель, позволяющая Оксане управлять контентом самостоятельно. На этом случился любопытный факап, о чем пишем в разделе “Инсайды”.
Перед релизом команда тестировщиков тщательно протестировала приложение на разных устройствах. Затем были исправлены все найденные ошибки и недочёты. Оксана также участвовала в этом процессе, проверяла работоспособность функций.
Для того, чтобы заказчик не писал длинные простыни текста, завели трелло доску, где каждый баг или хотелка тут же превращалась в таск, который разбирала команда. Так общение с заказчиком превращается в конкретику, что экономит время и силы.
После утверждения финальной версии мы подготовили необходимые материалы и выложили приложение в AppStore и Google Play.
Оксана осталась довольна результатом нашей совместной работы. Для нас это был по-настоящему командный проект, где мы тесно взаимодействовали с заказчиком на всех этапах, начиная с обсуждения концепции и заканчивая финальными тестами.
Так что же пошло ТАК или в чем инсайд?
После проведения каждого проекта мы проводим ретроспективы: внешние с заказчиком и внутренние с командой. Подобный процесс помогает нам вовремя анализировать точки роста и оперативно их корректировать. По итогам ретро были следующие инсайты:
Инсайд 1. На стадии разработки панели администратора для работы с текстом мы поняли, что не до конца выяснили запрос Оксаны на функционал. А кто говорил, что все будет идеально гладко?
Выявление образа результата и обсуждение правок заняло время, но не повлияло на конечный дедлайн и бюджет проекта, благодаря качественной коммуникации команды и заказчика.
Вывод: максимально тщательно изучать запрос Заказчика и детальнее фиксировать договоренности, не стесняться переспросить и казаться “глупыми”.
Инсайд 2. Экологичная доброжелательная коммуникация в партнерских взаимоотношениях — оптимальных путь достижения успеха проекта. Это было нашим главным правилом на каждом проекте и остается им по сей день.
А канцеляризмы и излишняя официозность часто препятствуют пониманию друг друга.
Инсайд 3. Процессы, грамотное планирование, синхронизации и точки контроля — неотъемлемая часть процесса разработки. Без этого проект рискует идти хаотично и достичь результатов не в том объеме или качестве. Инфа 100%.
В конце
В итоге получилось отличное приложение, которое стало полноценным интерактивным спутником книги Оксаны Силантьевой, а для нас — крутым проектом в портфолио. Мы гордимся результатом и благодарны автору за продуктивное сотрудничество и ценные идеи в ходе разработки.
Такие проекты вдохновляют нас на новые интересные задачи и новые партнерства!
До встречи в EndCode Studio👾