Дизайн сайта

Дизайн сайта новостей

Привет, есть потребность отрисовать главную страницу новостного ресурса и одну внутреннюю. НО!! Нет примеров сайтов, на которые можно ориентироваться, и не потому что они плохо отрисованы, а потому, что они все отрисованы до появления ИИ. Через 2-3 года все новости будут писаться ИИ и потребность в журналистах, как таковых отпадет. Но людям нужны люди и ставка делается на то, что люди будут читать новости, написанные людьми. И именно эта особенность должна быть отображена в новом дизайне. У заказчика нет своего видения продукта. поэтому полет фантазии неограничен.

Назначение сайта – медиа, может включать прямые трансляции. Но это скорее не классическое медиа, а площадка для публикации новостей.

Цель – помимо описанного выше, юзабилити. Страницы должны быть отрисованы под десктоп и все мобильные версии, начиная с 375px с точками слома 640px, 768px, 992 px, 1200px, 1536px Должна быть светлая и темная темы.

Графический редактор - FIGMA

Элементы, которые обязательно должны присутствовать – лента новостей и слайдер с популярными авторами (это журналисты, блогеры, эксперты, короче любой, кто хочет создавать контент на сайте и у которого будет опция при публикации: выбрать блог, новость, интервью… что именно он хочет опубликовать на сайте).

Эмоции – доверие, интерес

Основные разделы – новости, написанные ИИ и новости, написанные людьми – на этом надо делать акцент. Бургер-меню сохраняется. Наиболее громкие темы могут отдельно выноситься в хедер. Возможно, стоит в хедер вынести категории: новости, аналитика, истории, интервью, видео… а в бургере оставить разделы: политика, экономика, спорт и тд

если по элементам, то выглядит это примерно так для десктопной версии: Главная Страница

• шапка меню как на https://www.aljazeera.com/ или https://meduza.io/ логотип и рубрики в одной строке и элементы типа поиск, вход в кабинет и тд

• обязательно должны быть вынесены элементы для персонализации настроек отображения сайта: тем\свет тема, MyNews как на https://www.scmp.com/ отображение верстки сайта как на https://meduza.io/

• баннер главных новостей - 2 варианта:
  а) делаем как на https://www.yahoo.com/ большой баннер и под ним еще 4-5 поменьше или как на https://www.dw.com/ но принцип один и тот же. а ниже как на https://meduza.io/ у нас два одинаковых равноценных баннера - один это новости, - второй - это самые популярные авторы и под основными баннерами дальше лентой идут загаловки
  б) ставим слайдер, как на unn.ua или nv.ua из 4х блоков, а ниже как на https://meduza.io/ у нас два одинаковых равноценных баннера - один это новости, - второй - это самые популярные авторы и под основными баннерами дальше лентой идут загаловки

внутренняя страница!

делаем баннер главных новостей как на https://www.foxnews.com/world а справа лента

ниже стандартная лента новостей как на https://focus.ua/uk/news или же поделенная опять на 2 столбика новости и авторы, по аналогии с главной страницей

Верстка\сетка – не боимся оставлять свободное место – можно попробовать в один столбец на странице. Но при этом Ширина основного контента: Оптимальная для чтения, без чрезмерно длинных строк. Футер остается.

Фокус – читабельность. Должны присутствовать элементы: автор, дата публикации, кол-во просмотров и возможность поделиться. Разные шрифты для заголовка, подзаголовка и самого текста.