Привет, дорогой фрилансер-дизайнер!
Для нового проекта Новостного сайта нам нужно отрисовать страницу публикации. Это первая страница, первый макет, от которого потом будет строиться весь остальной дизайн. Страница создается с 0, каких либо наработок/ограничений нет.
Нужно сделать легковесную страницу с прицелом на хороший UX и чистое комфортное чтение.
Ниже подробно задание в виде брифа-чеклиста:
Назначение: Сайт СМИ, публикация новостей и статей.
Направление: Водный туризм и инфраструктура, путешествия
Шрифты: нужно подобрать приятно и легко читаемый шрифт, он может быть как со свободной лицензией так и коммерческий.
Общие требования к дизайну: Легковесный, лаконичный, чистый дизайн, белый/светлый фон, темно-серый/черный контрастный текст. Упор на типографику. Основной фокус внимания – комфортное чтение.
Структура макета: Центральная колонка с текстом и зарезервированная колонка справа под размещение баннеров (не всегда).
## 1. Страница Поста
Строго! Отрисовывается в первую очередь!
Чек-лист по странице:
- Страница имеет адаптивный дизайн: мобильную версию под ширину 360, десктоп под 1920 (для десктопа нужно учитывать, что 3/4 устройств имеют ширину: 1920, 1536, 1366, 1280 )
1. На странице есть шапка в которой расположены:
– Название/место под лого
– строка меню (кнопка бургера для моб. версии) строка меню: Новости, Статьи, О проекте, Поддержать
– строка тегов/горячих сюжетов пример: #Dusseldorf2024 #Московское бот шоу 24
– кнопки ссылки на соцсети и мессенджеры: VK, TG, Дзен
2. На странице есть основной блок контента, в который входят:
– Блок меты и управления, в котором содержатся:
– - слева: Дата публикации, Автор публикации,
– - справа: кнопки управления размером шрифта (мелкий, средний, крупный)
– Блок заголовка
– Блок отрывка новости. Важно! Блок заголовка и отрывка обязательно должны отображаться так, чтобы на любом устройстве показываться на первом экране вне зависимости от того, есть ли миниатюра.
– Блок миниатюры/основного изображения новости
– Блок Контента, который может содержать:
– - текстовый абзац
– - список
– - изображение или галерею
– - embed: видео или встроенные посты из Телеграм.
– - полоску плеера
– - таблицу
– Блок Подписки "Читайте нас в: "
– - Дзен(кнопка
– Блок шейра "Отправить себе или поделиться: telegram, whatsapp, vk, copy link"
– Блок Кнопка поддержать проект
3. Блок с несколькими рекомендованными материалами (3-4)
4. Блок футера в котором должны быть следующие блоки:
– - две колоки меню со ссылками
– - блок выходных данных, пример: Сетевое издание «АВС»
Номер свидетельства: серия Эл № ФС77-00000 от 01 января 2024 г.
Главный редактор: Иванов И.И.
Электронная почта: mail@example.com тел.: +0 000 000-00-00.
Все права на материалы данного сайта охраняются в соответствии с законодательством РФ, в том числе, об авторском праве и смежных правах. При цитировании электронными ресурсами обязательна гиперссылка на сайт
– - Значок 16+
5. Справа(на десктопе) от основной колонки контента должно быть зарезервированное поле, в котором при прокрутке контента периодически могут отображаться баннеры. На мобильном баннеры добавляются в контент.
===========
Пожалуйста вместе с откликом пришлите 2-3 примера ваших работ, желательно именно страницы постов/публикаций.
Будем очень рады увидеть их!
Ждем ваших откликов, спасибо!