Zenaria
Разработка сайта игрового сервера MU Online: живые данные, рейтинги и загрузка клиента
Задача
Нужен был сайт для классического сервера MU Online: объяснить, чем он отличается, показать живой мир и дать скачать клиент для Windows и Mac. Главное — не отпугнуть новичка, который видит игру впервые.
Отдельная сложность — данные с сервера. Онлайн, расписание событий, споты гильдий, достижения и рейтинги должны обновляться сами и выглядеть частью страницы, а не служебной таблицей.
Что сделано
Первый экран собрал вокруг решения играть: множители опыта, кнопки «Начать игру» и «Скачать клиент», а внизу полоса состояния — сервер работает, сколько игроков онлайн, сколько осталось до открытия и какое событие идёт прямо сейчас.
Блок «Мир прямо сейчас» вывел живыми данными: график онлайна с пиком за сутки, расписание событий с обратным отсчётом и пометкой «идёт», владельцы спотов, лента достижений и топ героев. Обновляется каждую минуту, без перезагрузки страницы.
Стартовый набор разложил карточками — броня, крылья, питомец, зелья, ресурсы: новичок сразу видит, с чем начнёт, и не гадает по описанию.
Правила сервера — без доната и без вайпа — подал короткими контрастными блоками: это решающий довод для тех, кто выбирает между серверами, и он должен читаться за секунды.
Сделал отдельные разделы под гильдии с Castle Siege и под семь классов с их вершинами развития, чтобы игрок выбрал за кого играть ещё до установки клиента.
Путь новичка свёл к трём шагам со ссылками на сборки для Windows и Mac — клиент качается прямо с сайта, без поисков на форумах.
Оформление построил на тёмном фэнтези с алым акцентом и крупной типографикой: фон не спорит с игровыми артами, а цифры и таймеры остаются читаемыми.
Сайт сделал на двух языках, русском и английском, и проверил вёрстку на узких экранах — таблицы рейтингов и расписание не ломаются на телефоне.
Результат
Получился не лендинг, а живой хаб сервера: игрок видит онлайн, ближайшие события, топы, споты гильдий и последние достижения, не заходя в игру.
Скачать клиент и начать игру можно с первого экрана, в том числе с телефона, а данные на странице всегда совпадают с тем, что происходит на сервере.
Открыть zenaria.ru