Сайт старейшего проекта мобильного SA-MP

Перезапуск сайта одного из старейших проектов мобильного SA-MP

Спроектировали и разработали новый сайт для игрового проекта с многолетней историей: обновили интерфейс, реализовали личный кабинет и связали современный веб-интерфейс с существующей инфраструктурой проекта.

• UX/UI-дизайн
• Frontend-разработка
• Backend-разработка
• Интеграция с существующей инфраструктурой

— Переработать визуальную концепцию существующего сайта, сохранив узнаваемость проекта.

— Разработать новый сайт с нуля вместо дальнейшего развития legacy-кодовой базы.

— Реализовать личный кабинет пользователя, блог, FAQ и систему донатов.

— Интегрировать новый веб-интерфейс с существующими приложениями и кодовыми базами проекта.

— Исключить из нового продукта компоненты и графические материалы, использование которых могло создавать вопросы с авторскими правами.

Бизнес-цели

Вернуть сайту роль точки входа в продукт

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

Снизить зависимость от устаревшего сайта

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

Объединить ключевые пользовательские сценарии

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

Бизнес-проблемы

Проект жил преимущественно за счет существующей аудитории

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

Legacy ограничивал развитие

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

Не было сформализованных требований к новому продукту

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

Проблемы пользователя

Устаревший интерфейс

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

Разрозненные точки взаимодействия

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

Высокий порог входа для новой аудитории

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

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

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

Новый сайт получил полноценный личный кабинет, блог, FAQ и механику донатов.

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

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

01. Аудит существующего решения

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

02. Формализация требований

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

03. UX/UI

Переработали визуальное направление сайта и спроектировали интерфейсы основных разделов и личного кабинета.

04. Разработка

Создали новую веб-часть с личным кабинетом, блогом, FAQ и системой донатов.

05. Интеграция

Связали новый сайт с существующими приложениями и инфраструктурой проекта, сохранив совместимость с legacy-системами.

06. Запуск

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

— Полностью новый сайт вместо развития устаревшей legacy-версии.

— Личный кабинет и основные пользовательские функции собраны в одной системе.

— Реализованы блог, FAQ и донаты.

— Новый веб-интерфейс интегрирован с существующими кодовыми базами приложений проекта.

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

— После запуска заказчик зафиксировал увеличение потока новых пользователей, однако количественные показатели проекта не раскрывались.

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

Поэтому вместо очередной итерации старого сайта мы создали новую веб-платформу и интегрировали ее с уже существующей инфраструктурой проекта.

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