Разработать дизайн и гайдлайн для простого сайта
Добрый день, Коллеги!
Необходимо сделать простой, скромный, красивый, композиционно-грамотный дизайн для личного сайта писателя/журналиста, с отсылкой к образу монастыря с приложенной картинки. Верстка под сетку и иконки bootstrap, не адаптив, никакого интерактива, типа комментариев или авторизации, не требуется, сайт не конверсионный, КПВ на полстраницы и десять разных врезок на главной не нужны.
Картинки используем бесплатные, либо выбираем с fotolia.com и обговариваем со мной:) шрифты бесплатные.
Разделы: Главная, О сайте, Статья, Лонгрид + 1-2 раздела, которые не надо отрисовывать, только предусмотреть для них место в навигации.
Статей может быть до 100, лонгридов до 10.
По технике все как в простом личном блоге:
Главная это и есть каталог статей и лонгридов, разделы примерно: Популярное (2-4 виджета), лента статей, фильтр по тегам, пагинация или бесконечная лента.
О сайте - контентная страница, по сути - статья.
Статья и лонгрид, одно и тоже, отличаются только наличием содержания и пагинации у последней.
До открытия статья это виджет на сайте с КПВ, заголовком + лидом, а после открытия это отдельная страница с большЕй КПВ, заголовком, лидом, тегами, контентом и блоком с врезками 2-4 похожих статей.
Контент, это форматированный текст, подзаголовки и стандартные врезки: Картинка, ютуб, ссылка, цитата.
У виджета два варианта и у каждого три состояния: с картинкой и без картинки и для каждого варианта: обычное, ховер и эктив.
У пунктов меню и ссылок состояния: обычное, ховер и эктив.
У картинки и ютуба четыре состояния: Обычная врезка, ховер-врезка, эктив-врезка и развернутое в паранже.
На все это нужно нарисовать гайдлайн, или, кроме подготовки самих макетов страниц, выложить их на сервис типа https://zeplin.io/, который сам откомментит пропорции, размеры, отступы, шрифты, коды цветов и тд.