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

Тематика сайта – новостной портал по компьютерным и мобильным играм, а так же киберспорту.

Основной стиль сайта - Киберпанк и Неон. Хочется увидеть подсветку каких-то элементов дизайна неоном, основные цвета приглушенные, темные (по типу рулеток в Counter-Strike). Неон можно использовать расцветок: голубой, зеленый, розовый. Настоящее ТЗ отображает только желание видеть те или иные блоки. Если у вас будет идея, отличная от ТЗ, но не меняющая концепцию сайта - мы за то, что бы вы реализовывали свою идею.

1. Шапка

1.1. Логотип

1.2. Пункты меню

1.2.1. Киберспорт

1.2.1.1. Команды

1.2.1.2. Игроки

1.2.1.3. Игры

1.2.1.4. Матчи

1.2.1.5. Турниры

1.2.1.6. Ставки

1.2.2. Компьютерные игры

1.2.3. Мобильные игры

1.3. Поле для поиска по сайту

1.4. Кнопки на соц. сети VK, Instagram, YouTube

1.5. Оставить место под иконки кнопок «Ночной\Дневной дизайн» и «Смена языка»

1.6. Кнопка «Войти»

1.6.1. Если пользователь вошел, кнопка должны быть «Выйти»

1.6.2. Всплывающее окно с авторизацией через VK, Google, FB

1.7. Иконка\аватарка пользователя, если он авторизован

1.8. Баннерное место под меню и входом в ЛК

1.8.1. Нужна область, где будут размещаться баннера с каким-то эвентом или рекламным партнером

2. Главная страница

2.1. Блок с новостями

2.1.1. Отрисовываем последние новости

2.1.1.1. Новость состоит из картинки, заголовка, краткого текста, кнопки «читать далее» и дата публикации

2.2. Блок с ближайшими играми 2.2.1. Блок по типу как на https://www.cybersport.ru/ в самом верху

2.2.2.

2.3. Новостной блок информация по игрокам

3. Киберспорт

3.1. Фильтр

3.1.1. Игроки, команды, эвенты (турниры), игры

3.2. Выводим статьи

3.2.1. Каждая статья должна иметь фотографию, заголовок, краткий текст, дату публикации (возможно кнопку «читать далее»), возможно еще выводить теги, которые относятся к данной статье (Например: Dota2, VP, Solo)

3.3. Внизу страницы пагинация

4. Компьютерные игры

4.1. Выводим статьи

4.1.1. Каждая статья должна иметь фотографию, заголовок, краткий текст, дату публикации (возможно кнопку «читать далее»), теги (Например: Dota2, VP, Solo)

4.2. Внизу страницы пагинация

5. Мобильные игры

5.1. Выводим статьи

5.1.1. Каждая статья должна иметь фотографию, заголовок, краткий текст, дату публикации (возможно кнопку «читать далее»), теги (Например: Dota2, VP, Solo)

5.2. Внизу страницы выводим пагинацию

6. Страница Статьи (Киберспорт, комп. игры, моб. игры)

6.1. «Статьи» состоит из:

6.1.1. Заголовок

6.1.2. Графические элементы

6.1.3. Текст

6.1.4. Возможно видео из YouTube

6.2. Комментарии к статье

6.2.1. Имя и аватарка

6.2.2. У каждого комментария должен быть рейтинг

6.2.3. Кнопка лайк\дизлайк

6.2.4. Возможны комментарии на комментарий

7. Страница с командами (организациями)

7.1. Выводятся киберспортивные организации

8. Страница команды (организации)

8.1. Заголовок

8.2. Описание организации

8.3. Если у организации несколько дисциплин (игр), отрисовываем иконки этих дисциплин (игр)

8.4. Блок с новостями, которые содержат теги этой киберспортивной организации

9. Страница команды конкретной дисциплины (игры)

9.1. Заголовок

9.2. Игроки

9.2.1. Фото

9.2.2. Ник

9.3. Общий призовой фонд который выиграла команда

9.4. Статистика сыгранных матчей (первое, второе, третье место если заняли)

9.5. Небольшая фотогалерея

9.6. Блок с новостями

10. Страница игрока

10.1. Заголовок

10.2. Фото

10.3. Информация об игроке

10.3.1. Возраст

10.3.2. Имя

10.3.3. Девайсы

10.3.4. Позиция в игре

10.3.5. Это будут кастомные поля которые можно будет добавлять

10.4. Описание этого игрока (мини биография)

10.5. Призы которые получал

11. Страница Турниры

11.1. Отображение прошедших\текущих\будущих турниров (три кнопки переключателя)

11.2. Информация о турните

11.2.1. Название турнира

11.2.2. Дата проведения

11.2.3. Призовые

11.2.4. Какая игра

11.3. Внизу страницы пагинация

12. Страница конкретного турнира

12.1. Заголовок

12.2. Если есть трансляция окно Twitch

12.3. Таблица

12.3.1. Групповой этап

12.3.1.1. Разбивка по группам

12.3.1.1.1. Если команда выиграла или проиграла? то подсвечивается красным или зеленым

12.3.1.1.2. Если еще не сыграли - подсветки нет

12.3.1.2. Плей-офф

12.3.1.2.1. Стандартная сетка турнира ( референc - https://www.cybersport.ru/base/tournaments/sector-mostbet/stage/10004810#tournament-grids)

12.4. Блок результата

12.4.1. Кто занят первое, второе и третье место и какие призовые были

12.5. Новостной блок

13. Игры

13.1. Логотипы игр с заголовком

14. Конкретная игра

14.1. Заголовок

14.2. Лого игры

14.3. Описание этой игры

14.4. Ближайшие или текущие турниры

14.5. Команды которые играют

14.6. Новостной блок

15. Матчи

15.1. Отображение прошедших\текущих\будущих матчи (три кнопки переключателя)

15.2. Поля матча

15.2.1. Какая игра + дата + время

15.2.2. Команды которые играют

15.2.3. К какому турниру относится

16. Конкретный матч

16.1. Заголовок

16.2. Сетка команд

16.2.1. Если это Дота ( Игроки, их статистика по убийствам, асистам, смертям)

16.2.2. Эти поля будут кастомные, нужно показать, как это будет выглядеть в групповой игре

16.3. Текстовый блок

16.4. Новостной блок

17. Ставки

17.1. Текстовый блок

17.2. Список букмекеров с промокодом и ссылкой на них

17.2.1. Название

17.2.2. Рейтинг

17.2.3. Промо

18. Личный кабинет

18.1. Аватарка

18.2. Ник

18.3. Рейтинг

18.4. Комментарии пользователя

18.5. Дата регистрации

18.6. Дата последнего входа на сайт

19. Футер 19.1 Логотип 19.2 Электронная почта 19.3 Конфиденциальность 19.4 Строка копирайта 19.5 Иконка «18+»