Синхронизация

Удобные, быстрые и красивые интерфейсы — важная часть этого проекта. Обычно это не очень сочетается с супер сжатыми сроками.

Для того, чтобы справиться, наши фронтендеры, дизайнеры студии MateÇa (Маца) и бэкендеры работали параллельно.

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

За счет того, что на этих встречах участвовал клиент, у нас получилось совместными усилиями сильно упростить продукт.

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

Покомпонентная разработка — норма в больших, стабильных проектах, а в МВП, которое быстро и много меняется в процессе работы, часто проще сделать «на коленке». В этом случае получилось наоборот.

В результате мы не только запустились в сжатые сроки, но ещё и оставили клиенту большую протестированную, актуальную библиотеку компонент. Это радикально ускорит запуск будущих проектов Синхронизации — например, мобильных приложений.
‍
Фронтенд-стек: TypeScript, Vue, Pinia Colada.

Раньше Синхронизация активно использовала GetCourse — самую популярную площадку для курсов в рунете. «Геткурс» слабо кастомизируется и требует целеустремленности со стороны пользователя. Как уж тут конкурировать с Netflix и Ютубом, в которых от контента отделяет один клик?

Сразу заменить «Геткурс» целиком — слишком большой риск. Мы сделали такую архитектуру, чтобы «Геткурс» и новая система могли работать параллельно. Тут было важно не поломать старые связи с промостраницами продуктов — и аккуратно передавать данные о покупках, подписках, возвратах.

Такая архитектура открыла бизнесу штуку, о которой многие мечтают — поэтапную раскатку. В начале мы дали доступ к новой платформе только самым лояльным пользователям. Благодаря такому «тестированию на проде» мы собрали обратную связь от реальных пользователей, исправили недочеты. Когда что-то не работало — клиент всегда мог открыть старую версию, и бизнес ничего не терял.
‍
В новой системе мы заложили большую гибкость на будущее: например, можно разбить курсы на этапы с отдельной оплатой. На «Главной» сделали модульность: теперь добавить новый блок со своей логикой на бекенде — задача пары часов. Мы думали не только о том, что платформа умеет сегодня, но и о цене её развития в будущем.

Центр «Синхронизации»  — видео контент. При этом делать свою собственную систему доставки видео и видеоплеер —  дорого и непрактично. Мы интегрировали Kinescope — готовую платформу для видео. При этом важно не оказаться заложником внешнего вендора. Мы сделали такую интерацию, чтобы в будущем можно было безболезненно сменить видеоплатформу.

Старая админка была сложной и запутанной. Разработка новой кастомной админки заняла бы не менее полутора месяцев.

Поэтому на этапе проектирования мы помогли сформировать требования так, чтобы данные можно было представить в основном в табличном виде. Это дало возможность использовать стандартную админку Django.

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

Если в будущем структура данных или требования усложнятся, команда сможет доработать кастомную админку — как мы уже сделали для «Вебиума».

При этом мы внимательно слушали обратную связь контент-менеджеров и вносили недорогие правки, которые упрощают им работу. 

Татьяна Лунина

Директор по продукту

«Благодаря новой архитектуре мы теперь можем создавать продукты, которые изначально не закладывали в ТЗ. Гибкость решения позволяет реализовывать практически любые идеи без участия разработчиков — только через админку.

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

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

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

«Ребята не боялись выходить за рамки изначального плана, добавляя такие детали, как меняющиеся аватарки, рандомайзер картинок на странице авторизации, симпатичные empty states и страницы благодарности. Это были спонтанные идеи, не связанные напрямую с бизнес-целями, но их реализовали, когда видели, что есть ресурс.

При этом не раздували сроки и не перекладывали на нас ответственность за дополнительные задачи»

Прямо сейчас собираются цифры, которые покажут реальный результат нашей работы. Для этого мы настроили всю продуктовую аналитику: Mindbox, Amplitude и другие. Как только цифры накопятся, обязательно добавим их сюда. А что у «Синхронизации»  уже есть, это отзывы пользователей:

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

Параллельно мы помогли «Синхронизации» собрать свою команду разработки.
Для этого привлекли лучших эйчаров из NEWHR — они поставляют кандидатов, мы проводим технические собеседования, клиент — собеседование на culture fit. Если кандидат всё прошёл, мы включаем его в работу, а своих ребят постепенно убираем. 



В результате, у «Синхронизации» есть запущенный продукт, настроенные инструменты CI/CD, процессы и команда, которая отлично разбирается в проекте. И главное — высокие, но реалистичные ожидания бизнеса от разработки и здоровая рабочая культура между разработкой и остальными частями бизнеса.