Доброго времени суток! Есть уже готовый дизайн сайта – http://journalx.asilangz.beget.tech/
Дизайн меня в целом устраивает, хочется нарисовать еще пару элементов в том же стиле.
1. Виджет/sidebar списка топ-5 блогеров, обычно он закрепляется справа вверху.
Это должна быть просто табличка из 5 строк, где должны быть указаны:
- название
- средняя оценка
- место в рейтинге
- должна быть кнопка перехода на страницу обзора блогера
(! Важный момент) Переходы на страницу статей-обзоров блогеров из этого виджета - одна из конверсионных целей сайта = нужно сделать графический акцент.
2. Сетка постов на главной странице: нужен макет списка постов на главной странице по 3 элемента в ряд (но учитываем, что справа должен быть sidebar для отображения списка ТОП—5 блогеров).
У каждой ячейки поста должны быть:
- название
- квадратная миниатюра
- средняя оценка
- место в рейтинге
(!Важный момент) По внешнему виду карточек должно быть видно, что они кликабельны. Я вижу это так, чтобы мы добавляем кнопку «Открыть» в каждую ячейку, давайте обсудим, если вы видите иначе.
Разумеется, все ячейки, с точки зрения, размеров - одинаковые.
3. Страница информационной статьи-обзора блогера
Обращайте внимание на референсы из таблицы.
Обзор должен состоять из следующих элементов:
- шапка
- абзац текста
- комментарии
- Шапка, в свою очередь, имеет следующие элементы:
- заголовок
- аватарка
- средняя оценка
- кол-во голосов
- кнопки, ведущие на сайт и различные соцсети, их кол-во будет от 1 до 3 (должны выделятся на макетах графически, переход пользователей для связи с писателями - одна из конверсионных целей сайта)
- таблица характеристик для отображения информации вида (характеристика блогера - значение, например «Возраст канала - 2 года», «Стоимость поста - 5 000» и т.д.)
- В комментарии добавляем такие мелкие фичи:
- Метка для комментатора «Сотрудничал с данным блогером» (Референc: https://bit.ly/3ecZGKl)
- Иконка соц. сети, через которую авторизовался комментатор (Референс https://bit.ly/3gjjE92)
- Для комментария также обязательны:
- миниатюра пользователя
- дата добавления комментария
- текст комментария
- количество звезд рейтинга, на которое данный пользователь оценил блогера.
- Внешний вид текстовой статьи не меняем, берем что есть.
Список референсов:
https://docs.google.com/spreadsheets/d/1Wb1n2PTxPus4KsnlJqz269WzIIdBenwULk98vwELkMQ/edit?usp=sharing
Макета текущего дизайна у меня нет, есть только его отверстанная версия (это готовая WordPress-тема).
Нужны будут макеты под десктоп, планшеты и мобильные устройства.
В заявках просьба указать примерные бюджет и сроки выполнения.
