WP Mates the future of eSports

1.

WP Mates
the future of eSports

2.

WP Mates
О проекте

3.

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

4.

WP Mates
О теме проекта
“Invent. Create. Change” - тема конкурса. Как реализован каждый из пунктов в нашем проекте:
1. Мы пришли к новому способу объединения игроков для любых целей в любых играх и предоставим им
возможность показать себя на киберарене. Это подразумевает, что проект позволит профессионалам найти
новых членов сборной, а спонсорам - команды, достойные вложений.
2. Мы сделаем это! Будет создана площадка, которая позволит игрокам в несколько кликов найти
единомышленников, а профессионалам - без труда обнаружить талант используя возможности
распространенных сервисов, таких как Discord, Steam и т.п. без лишних затрат ресурсов создавать и группировать
чаты, объединять в них участников команды.
3. Мы сделаем комфортнее игру в неидеальной киберспортивной среде. Мы дадим командам возможность
достичь большей согласованности за счет более удобного и точного поиска единомышленников.

5.

WP Mates
Авторизация

6.

WP Mates
Авторизация
В первой версии проекта будет предоставлена возможность сбора статистики и поиска в играх, зарегистрированных в
системах Steam, Battle.Net и Origin.
После авторизации будет создаваться страница игрока, в которой он, синхронизируясь с доступной системой стримов, из
которых в первой версии проекта будет представлена система twitch.tv, сможет вести видеоблог своей игровой жизни.
По требованию игрока его профиль будет синхронизирован с играми, в которых он состоит. Пройдя на страницу
пользователя, другой игрок сможет увидеть игры, в которые играет человек, статистику по каждой игре, список команд,
в которых он участвует, его позицию в командах.
Также будет предоставлена возможность перехода на страницу команды, на которой можно ознакомиться с ее
участниками и позиции в рейтинге команд проекта по данной игре. Также будет возможность отправить заявку на
вступление в команду, если ей требуется участник. Видео всех участников команды будут добавлены в ленту ее
видеоблога.

7.

WP Mates
Авторизация
На личных страницах как команд так и отдельных участников проекта будет предоставлена возможность оставлять
отзывы и оценивать их, что поможет при выборе команды или участника.

8.

WP Mates
Авторизация - Логин

9.

WP Mates
Авторизация - Логин
На странице логина пользователь будет иметь
возможность авторизоваться при помощи социальных
сетей, или же при помощи персональных данных

10.

WP Mates
Авторизация - Регистрация

11.

WP Mates
Авторизация - Регистрация
На странице регистрации у пользователя будет
возможность создать личные данные, либо, так же,
как и на странице логина, использовать для этого
социальные сети.

12.

WP Mates
Главная страница

13.

WP Mates
Главная страница
Структура:
1. Список самых популярных игр
2. Слайдер с информацией по всем играм сервиса и небольшим новостным
блоком
3. Лучшие команды из всех игр с возможностью перехода на страницу
команды
4. Список ближайших турниров по всем играм системы
5. Текущие стримы по всем играм системы от команд и пользователей
6. Новости, касающиеся как всех игр, так и информации сервиса
( оригинал прилагается )

14.

WP Mates
Главная страница - Чат
Структура:
1. Окно чата
2. Блок со списком пользователей, с которыми текущий пользователь
создавал беседу
3. Кнопка опций окна чата
4. Сообщения чата
Окно чата в высоту будет составлять размер экрана ( не всю высоту сайта )
( оригинал прилагается )

15.

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

16.

WP Mates
Главная страница
Структура:
1. Слайдер с информацией по выбранной игре
2. Лучшие команды выбранной игры с возможностью перехода на страницу
команды
3. Список ближайших турниров по выбранной игре
4. Текущие стримы по выбранной игре от команд и пользователей
5. Новости, касающиеся как всех игр, так и информации сервиса
( оригинал прилагается )

17.

WP Mates
Главная страница
Данная страница имеет такой же функционал, только касающийся выбранной игры.
С главной страницы человек сможет перейти на страницу команды, “горячего” стрима ( либо списка стримов ),
последней новости ( либо списка новостей ), страницу турнира ( либо списка турниров ).

18.

WP Mates
Главное меню

19.

WP Mates
Главное меню - Все игры

20.

WP Mates
Главное меню - Все игры
Структура:
1. Слайдер, меняющий свой контент в зависимости от выбранной игры
2. Список игр, по клику на которую всплывает дополнительная
информация
3. Описание игры
4. Лучшие команды по статистике проекта
5. Команды, которые в данный момент ищут игроков и имеют
наивысший приоритет
6. Новости выбранной игры
( оригинал прилагается )

21.

WP Mates
Главное меню - Стримы

22.

WP Mates
Главное меню - Стримы
Структура:
1. Изображение страницы пользователя\команды с аватаром
команды, именем и, - в случае указания - заголовка страницы
стримов, а также кнопки “поделиться” для соц. сетей
2. Текущий стрим
3. История стримов
( оригинал прилагается )

23.

WP Mates
Главное меню - Стримы - Страница стрима

24.

WP Mates
Главное меню - Стримы - Страница стрима
Структура:
1. Изображение страницы пользователя\команды с аватаром
команды, именем и, - в случае указания - заголовка
страницы стримов, а также кнопки “поделиться” для соц.
Сетей
2. Фон стрима
3. Текущий стрим
4. Описание стрима
5. Список других ( ближайших ) стримов
6. Стена комментариев
( оригинал прилагается )

25.

WP Mates
Главное меню - Команды

26.

WP Mates
Главное меню - Команды
Структура:
1. Заднего фона страницы с изображением установленным
администрацией, а после проведения турнира - задним фоном
победившей команды с ссылкой на ее страницу
2. Аватар пользователя/команды, ищущих партнера(ов) с
возможностью перехода на страницу
3. Список присоединившихся пользователей с возможностью
перехода на страницу пользователя
4. Кнопка “присоединиться” для пользователей,
соответствующих требованиям и не состоящих в команде
5. Тэги дополнительных условий вступления в команду
6. Описание команды
7. Количество участников, требуемых в команду
8. Фильтры для помощи поиска команд
( оригинал прилагается )

27.

WP Mates
Главное меню - FAQ
( и другие страницы статей )

28.

WP Mates
Главное меню - FAQ и др.
Структура:
1. Аватар пользователя опубликовавшего новость, имя, а
также кнопки “поделиться” для соц. сетей
2. Задний фон новости
3. Информационный блок
4. Список других новостей пользователя из категории
5. Стена комментариев ( отсутствует в случае, если новость
принадлежит информационным статьям от администрации )
( оригинал прилагается )

29.

WP Mates
Личные страницы

30.

WP Mates
Личные страницы - Пользователь

31.

WP Mates
Личные страницы - Пользователь
Структура:
1. Заглавное изображение профиля
2. Аватар профиля
3. Информационный блок пользователя, который также
включает кнопки для связи и приглашения, а также
социальных сетей, которые ведут на соответствующие
страницы
4. Список контактов пользователя
5. Статистика пользователя на основе показателей игр и
участий в турнирах, которая будет влиять на общую
статистику команды
6. Список стримов с возможностью перехода на страницу
стримов пользователя
7. Стена профиля, на которой другие пользователи смогут
оставлять свои комментарии и общаться
8. Список команд, в которых состоит пользователь
( оригинал прилагается )

32.

WP Mates
Личные страницы - Команда

33.

WP Mates
Личные страницы - Команда
Структура:
1. Заглавное изображение профиля команды
2. Аватар профиля команды
3. Информационный блок команды, который также включает
кнопки для связи и запроса на приглашение, лайк, а также
социальных сетей, которые ведут на соответствующие
страницы
4. Статистика команды на основе показателей игр и участий в
турнирах
5. Список игроков, состоящих в команде с возможностью поиска
6. Стена профиля, на которой другие пользователи смогут
оставлять свои комментарии и общаться
7. Список стримов с возможностью перехода на страницу
стримов команды/пользователя
( оригинал прилагается )

34.

WP Mates
Личный запрос

35.

WP Mates
Личный запрос
Если у пользователя нет желания создавать команду,
либо вступать в нее, или он попросту хочет найти себе
еще одного товарища для игры - тогда ему будет
предоставлена возможность персонального поиска
команды, в котором он сможет указать все
необходимые настройки для более удобного его
нахождения в поиске.
( оригинал прилагается )

36.

WP Mates
Создание команд

37.

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

38.

WP Mates

39.

WP Mates
Дополнительно
К проекту прилагаются все мокапы с оригинальными размерами, а также превью дизайна главной, игр, постов и
страницы профиля, карта сайта.
Спасибо за внимание!