Веб-портал EsportsGL
EsportsGL — это стартап в сфере киберспорта, основанный в 2016 году в Челябинске.
Миссия — объединить и систематизировать информацию о киберспорте для геймеров и бизнеса.
Задача
Новый стартап выходит на рынок с идеей создания единого центра информации о киберспорте.
Нужно было разработать дизайн всех страниц, а также управлять процессом разработки и развития веб-сервисов экосистемы.
Решение
Спроектировали UX, собрали прототипы страниц первых веб-сервисов экосистемы, нарисовали UI.
Разработать экосистему веб-сервисов для зрителей, геймеров и бизнеса.
Взяли на себя все функции проектного офиса: систематизировали управление проектами для комфортного управления процессом разработки и возможности масштабирования команды в будущем.
Спустя несколько лет, разработали концепцию редизайна интерфейса главной и нескольких служебных страниц.
Провели брифинг
В начале было проведено несколько встреч, на которых клиент поделился своими идеями по разработке продукта и дальнейшему развитию отрасли.
Сформировали проектную команду
Со стороны агентства была сформирована проектная команда, состоявшая из следующих специалистов:
Взяли на себя функции проектного офиса
В связи с тем, что стартап только образовался и срок сотрудничества планировался длительный, было решено внедрить систему в управлении проектами, чтобы процесс разработки был максимально эффективным.
Использовался фреймворк управления разработкой Scrum, который соответствует принципам Agile и позволяет разрабатывать продукт в условиях постоянных изменений и с учётом обратной связи от пользователей. В качестве информационной системы для управления проектами был выбран Atlassian Jira, в который перенесли все идеи по дальнейшему развитию продукта. Наконец, был разработан регламент управления проектами, в котором описаны роли, правила приоритезации фич и сам процесс управления, проведено обучение заказчика и отлажен процесс работы.
Мы стали для клиента внешним проектным офисом и обеспечили не только методологическую поддержку, но и выполняли функции контроля реализации проектов и формирования отчётности.
Особенности проекта
В связи с масштабом проекта (более 10 сервисов должны были войти в экосистему, более 300 страниц) было решено максимально унифицировать дизайн и вёрстку, чтобы сформировать готовые элементы и собирать новые страницы, как конструктор.
Поэтому с самого старта работы разработали полноценную дизайн-систему — набор сеток, библиотеку готовых элементов и блоков, а также правила расположения элементов на странице. На основе дизайн-системы была подготовлена библиотека готовой вёрстки. Разумеется, библиотеки дополнялись и корректировались в процессе разработки, но несмотря на это их наличие сильно сократило время дизайна, вёрстки и интеграции новых страниц и целых веб-сервисов, а также упростило внесение изменений в стили.
Продумали пользовательский опыт, спроектировали UX-прототип и нарисовали UI первых сервисов экосистемы
Все веб-сервисы экосистемы разрабатывались на базе «1С-Битрикс». Мы провели исследование конкурентов, подготовили интерактивные прототипы и отрисовали макеты страниц первого сервиса экосистемы — агрегатора новостей, а также ряд служебных страниц. После этого последовательно разработали дизайн ещё нескольких сервисов.
Главная страница:
Информация о портале:
Главная страница сервиса новостей:
Страница категории новости:
Страница новости:
Управляли разработкой
Внедрили Scrum
Систематизировали управление проектами, отладили процессы, обучили заказчика, подготовили регламент с описанием всего процесса управления
Систематизировали дорожную карту
Совместно с заказчиком регулярно актуализировали и дополняли план по развитию сайта, фиксировали идеи в информационной системе управления проектами, чтобы ничего не потерялось
Готовили технические задания
Регулярно превращали идеи из дорожной карты в подробные технические задания, понятные исполнителям, согласовывали их со всеми заинтересованными лицами
Декомпозировали технические задания
Готовые технические задания разбивали на небольшие задачи, которые переносили в информационную систему управления проектами, при необходимости обсуждая детали реализации с соответствующими подрядчиками
Планировали работы
Регулярно планировали и корректировали загрузку исполнителей, составляли план-график выполнения задач и согласовали его со всеми заинтересованными лицами
Планировали ресурсы
Распределяли согласованные задачи на конкретных специалистов с учётом утверждённого план-графика, при необходимости корректируя загрузку в процессе работы
Контролировали ход работ
Ежедневно контролировали срок, бюджет и качество выполнения задач в соответствии с утверждённым план-графиком, при необходимости внося корректировки и уведомляя заинтересованных лиц
Регулярно отчитывались
Внедрили прозрачную еженедельную и ежемесячную отчётность о ходе работ, наладили процесс её формирования и получения для всех заинтересованных лиц
ПРедложили идею для редизайна в 2023 году
Последний раз дизайн игрового портала EsportsGL обновлялся в 2017 году. Он был разработан нашим агентством, но с тех пор успел устареть. Кроме того фокус экосистемы сместился с агрегации информации на предоставление ответов о киберспорте на основе агрегированных данных.
Экосистема на 2023 год состояла из 3 веб-сервисов, работающих на основе агрегации информации, большая база текстовых и видео-материалов, но при этом отсутствовал поиск.
Заказчик предложил гипотезу о том, что пользователям экосистемы важнее получить ответ на свой вопрос, чем быть в потоке новой информации. С целью протестировать гипотезу на своих пользователях было решено сделать редизайн некоторых страниц, для этого был запущен конкурс на разработку новой концепции среди нескольких дизайн-студий.
Чтобы подчеркнуть идею о том, что пользователь приходит на портал за получением ответа на имеющийся вопрос и получения дополнительной информации, мы решили сделать центральной функцией главной и внутренних страниц поисковую строку, сохранив при этом поток последней информации о киберспорте и игровой индустрии.
Стало
Главная страница:
Информация о портале:
Страница помощи:
Результат кейса
Взяли на себя функции проектного офиса: систематизировали проектный менеджмент, внедрили информационную систему управления проектами, обеспечили методологическую поддержку, управляли процессом разработки.
Разработали дизайн-систему: подготовили библиотеки для быстрой сборки и масштабирования дизайна. На старте нарисовали интерфейс для 3 веб-сервисов, которые заказчик начал самостоятельно продвигать, а мы продолжили поддерживать дизайн и управлять процессом разработки новых сервисов и поддержки существующих.
В 2023 году приняли участие в конкурсе на редизайн экосистемы: провели анализ конкурентов, предложили концепцию главной и некоторых внутренних страниц, разработали дизайн интерфейса. Результаты в формате FIG были переданы заказчику.
Дальше клиент самостоятельно проведёт исследование на эффективность предложенных концепций каждого участника конкурса. По итогам исследования будет приниматься решение о масштабировании одной из концепций на остальные страницы и сервисы экосистемы или на разработку новых концепций.
60 дней
ушло на аналитику, разработку библиотек и дизайн
3 специалиста
было в проектной команде на стороне агентства
2 специалиста
было в проектной команде на стороне заказчика
2 года
продолжительность сотрудничества
50+
экранов было свёрстано
4 дня
ушло на аналитику и разработку прототипа нового дизайна
10 дней
ушло на разработку нового интерфейса пользователя
