Как создать SPA-сервис для волонтеров и потерять клиента

1. Вводная задача от заказчика, проблематика, цели

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

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

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

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

Необходимые шаги для реализации данного проекта:

• 1. Оптимизировать коммуникации внутри команды Заказчика, декомпозировать задачи и четко определить цели проекта.
• 2. Провести тщательное исследование рынка для выявления потенциальных преимуществ будущей платформы.
• 3. Создать привлекательное название и разработать узнаваемый бренд платформы.
• 4. Разработать фирменный стиль, обеспечивающий визуальное единство и узнаваемость платформы.
• 5. Спроектировать дизайн платформы, сочетающий привлекательность с функциональностью.
• 6. Разработать отказоустойчивый бекенд, способный выдержать высокие нагрузки и обеспечить стабильную работу платформы даже при одновременном подключении нескольких тысяч пользователей.
• 7. В краткие сроки реализовать фронтенд, создав SPA (Single Page Application), для обеспечения высокого уровня отзывчивости и производительности платформы.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

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

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

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

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

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

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

3. Результаты сотрудничества

Мы успешно разработали качественный продукт, уложившись в сжатые сроки.

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

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

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

Мы вновь взаимодействовали с этим заказчиком в 2022 году во время подготовки проекта к конкурсу Tagline, бесплатно разработав новые баннеры вместо клиентских. С середины 2023 года проект снова функционирует как SPA.

Мы представили данный кейс на конкурсе Tagline Awards 2022, где наша работа была отмечена двумя наградами:

- серебро в номинации «Из офлайна в онлайн», лучший сайт

- бронза в номинации «Лучший социальный проект».

Бондаренко Яков Александрович

Директор, НП "НАЦИОНАЛЬНЫЙ ЦЕНТР СОЦИАЛЬНО-ГУМАНИТАРНЫХ ПРОЕКТОВ"

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

Отзыв клиента о нашей работе

Посмотреть работу в нашем портфолио