На входе есть сайт:
(Блог об играх) то что есть на нем в плане контента ориентировать категорически не нужно.
Что требуется:
Нарисовать 4 страницы
и блок для виджета
ТЗ:
Общее: Любые иконки которые вы используете в дизайне должны быть в Svg формате.
Если иконки или элементы интерактивные, то есть нажимаются, наводятся и тд, то все эти состояния необходимо отрисовать и разместить на отдельной странице состояний. Цветовую гамму оставить.
Референсы я не предоставляю, потому что не важно что нравится мне, нужно чтобы по итогу это понравилось читателям.
Страница 1:
Страница игр:
1. На странице необходимо красиво разместить фильтр по играм:
со следующими параметрами порядок на мнение дизайнера: Рейтинг ESRB (может быть только 1), Рейтинг PEGI (может быть только 1), Жанры (может быть несколько), Игровой движок (может быть только 1), Издатель (может быть несколько), Разработчик (может быть несколько), Платформа (их может быть несколько), Лаунчер (их может быть несколько), Аттрибуты (их может быть несколько), Серия игр (может быть только 1), Дата выхода, Рейтинг Metactitic (диапазон от 1 до 100), Рейтинг Steam (диапазон от 1 до 100), Рейтинг OpenCritic (диапазон от 1 до 100), Рейтинг Gameout (диапазон от 1 до 100), Метки (их может быть несколько), Время прохождения (Диапазон часов).
2. Разместить на странице заголовок и описательную часть страницы на 300 знаков
3. Разместить на странице место под рекламный блок (Приоритетно в верхней части)
4. Разместить игры на странице, приоритетно это: Обложка (Вертикальный формат), Название игры
Страница 2:
Страница самой игры
На странице должна быть размещена информация, которая есть в фильтре + Описание игры (это простыня текста) + Системные требования + Основной трейлер + до 6 скриншотов + Награды (их может быть 10, а может и не быть) + Интересные факты об игре (Пример факты кинопоиска о фильмах) + Меню (Пункты: Об игре (Стандартная страницы игры), (Новости, События, Статьи, Подборки, Обновления, Таблицы, Читы, Трейнеры, Русификаторы, Моды) – по нажатию на каждый, будет выводиться список постов), в сайдбаре предусмотреть вертикальный рекламный блок
Страница 3:
Страница событий:
сейчас на сайте есть:
Это актуальные события внутри игр, игровых раздач, бесплатных выходных, раздач предметов для игр, и цифровых ключей.
Нужно учесть все эти данные и добавить фильтр по ним (А также учесть что вариации событий могут добавиться со временем), а также по статусу события: Планируется, Актуально, Завершено и отобразить к какой игре это относится. Добавить интерактивные элементы, например если событие завершено то закрасить обложку например в серый цвет
Важно: Изображение события должно остаться в формате 16:9
Для этой страницы есть референс:
– Опираться на него можно с точки зрения необходимых элементов, не на дизайн и не на расположение, также в референсе не учтены будущие события о которых уже доподлинно известно. Сайдбар оставить не тронутым. Ничего кроме рекламного блока там быть не должно. Вертикальное или горизонтальное расположение информационного блока делать решать вам, Важно оставить заголовок, и время проведения акции.
Страница 4:
Страница статьи/новости/события
Пример такой страницы на сайте: в целом нравится как расположена и выглядит информация на этой странице. Что хочется изменить и добавить:
1. Все таксономии (кроме рубрик) перенести вниз поста без слова метки
2. Рядом с датой публикации, добавить дату обновления поста (чтобы было понятно что это дата последнего обновления)
3. Добавить количество просмотров материала
Если меток много, то добавить иконку открыть все пример:
4. Освежить дизайн, отступы, предусмотреть список и подзаголовки h2 – h3 – h4, а также дизайн выпадающего списка с содержанием (пример
Виджет:
Необходимо выполнить дизайн виджета с информацией об игре:
Смысл: Каждая новость, статья или событие на сайте связана с определенной игрой (или несколькими), хочется добавить в конце статьи информацию о том о какой игре идет речь со ссылкой на страницу с игрой. В этом блоке нужно отображать обложку игру (в формате 16:9), Название, дату выхода, жанр, платформы, рейтинг Gameout и любую другую информацию на ваш выбор из всей вышеперечисленной информации, которая поможет человеку, ознакомится с игрой беглым взглядом (стоит учитывать что в каждом посте, всегда есть краткая или полная информация об игре, поэтому описание игры в этом блоке делать не нужно)
Выполнение проекта только через безопасную сделку. На все вопросы готов ответить. Если есть опыт в создании дизайна для подобных проектов будет плюсом. Если готовы выполнить верстку и натяжку выполненного дизайна на Wordpress также напишите об этом. В случае есть готовы выполнить проект под ключ вместе с функционалом также пишите.