Заново сделать современный дизайн-макет для сайта
Название сайта: «Прогулки по Петербургу». Дополнение к названию: «знакомому и неизвестному».
Разработать макеты страниц
• Главная
• Список зданий
• Страница здания
Сделать варианты дизайна для ПК и смартфонов.
Крупный, хорошо читаемый шрифт.
Фон не белый, но и не тёмный. Возможно, использовать более светлый вариант текущего фона.
Типографику подобрать исходя из темы сайта: история, архитектура, Санкт-Петербург.
Сделать favicon.
Сделать изображения-заглушки для статей без изображений: здание, улица, парк, мост, памятник, человек.
ОБЩИЕ ЭЛЕМЕНТЫ МАКЕТОВ ВСЕХ СТРАНИЦ
Шапка с логотипом. Возможно, использовать архитектурные детали, узнаваемые петербургские символы, или фотоколлаж из изображений старого Петербурга. Обязательно использовать изображение грифона Банковского моста.
Меню: Улицы, Здания, Сады и парки, Памятники, Мосты, Архитекторы, Путеводители, Источники.
Поле поиска по названию статьи.
Подвал. Копирайт, емайл администратора сайта. Служебное меню: О сайте, Авторам-краеведам, Реклама.
Ссылка на верх страницы, которая появляется при достаточной прокрутке вниз.
СОДЕРЖАНИЕ ГЛАВНОЙ СТРАНИЦЫ
Нет верхнего меню, но есть мозаика из семи блоков, соответствующих разделам сайта в верхнем меню.
Модуль: «Популярные статьи». Превью N статей, которых надо вывести на 2й уровень вложенности.
Модуль: «Последние комментарии».
Блок с текстом.
СПИСОК ЗДАНИЙ
Фильтр по названию, адресу, тэгам.
Карточки N статей о зданиях: изображение, название, адрес, годы постройки. Возможно, годы тут будут лишними, надо смотреть как лучше получится.
Постраничная навигация.
Выпадающие списки "Выводить по:", "Сортировать по: адресу, названию"
СТРАНИЦА ЗДАНИЯ
На примере страницы:
Заголовок, подзаголовки (теги h1, h2).
Рейтинг статьи (1-5 звёзд)
Содержание (ссылки на подзаголовки)
Дополнительные поля: архитектор, годы постройки Для каждого дополнительного поля – иконка.
Список тегов
Первый экран желательно максимально наполнить графикой. Возможно, крупно первое изображение (слайдшоу), на фоне которого заголовок статьи.
В оформлении текста показать абзацы, подзаголовки, нумерованные и ненумерованные списки, цитаты, изображения с подписями, слайдшоу (несколько изображений с подписями), видео.
Под текстом:
список источников
Ссылки «Поделиться в соцсетях: ВК, ФБ, ОК».
автор статьи (аватар, имя, описание). тут ещё нужна заглушка, если аватара у автора нет.
модуль «Похожие статьи» (Карточки N привязанных к статье других статей). Тут могут быть статьи из разных категорий.
Предложение оценить статью (1-5 звёзд)
комментарии.