Дизайн и адаптивная верстка для сайта блога на WP
Что есть сайт на движке WP WordPress 4.7.2
Тематика сайта про алкоголь
Требования по верстке и дизайну:
- Responsive дизайн используя подход mobile first. Когда стили написаны сначала под самый маленький экран, а потом, с помощью медиа запросов указываются стили для более крупных экранов.
- Мы планируем поддерживать и развивать этот код.
- Имена классов должны иметь осмысленные названия. Код css нужно писать используя известную методологию, в идеале SUIT CSS или BEM.
- Если используется пре- или пост-процессор css и какие-либо системы или скрипты сборки (gulp, grunt, npm, etc), нам нужны все исходники. В идеале это будет PostCSS.
- Если возможно, графические элементы должны быть в svg формате, а не растр. НЕ использовать иконочные шрифты типа font awesome.
ТЗ
Нужно нарисовать адаптивный дизайн и сделать верстку. Что хочется увидеть легкий белый и простой дизайн сайта, графики не много. Чтобы стильно модно.
Список старниц:
Главная
Стр. категории
Стр. публикации
Шапка
Подвал
Боковая колонка
ТЗ по страницам:
Главная
- Последние публикации или новое на сайте;
- пейджер;
- Блок последнее обсуждение;
- Виджеты мы соц сетях ВК, ФБ, Одн (можно на вкладках);
- Реклама;
- О чем сайт для чего он нужен и чем он полезен 200-400 символов;
Статья
- Заголовок h1
- Фото статьи
- блок содержание (ссылки на подзоголовки h1,h2,h3);
- блок рекламы adsense;
- вид заголовков h1,h2,h3;
- вид список без нумерации;
- вид список с нумерацией;
- вставка изображения (вид с подписью http://prntscr.com/e2bjwa и без );
- вид цитаты (на всю ширину и 50% слева и справа);
- вид вставки видео ролика с youtube;
- вид ссылки в тексте;
- рейтинг статьи звездочки 5 шт (http://prntscr.com/e295v2);
- мне нравится соц сети ВК, ФБ, Одноклассники;
- подлелиться статьей в соц сети; (очень нравится идея http://prntscr.com/e2alpg)
- блок материалы по теме (Состоит из двух элементов ссылка на статью и превью текста (50-70 символов));
- Блок комментария
- - Поле для добавление комментрия
- - - Имя
- - - Текст комментрия
- - - загрузить фото к комментарию
- - Вид комментария
- - - текст комментрия
- - - ответить на комментрий,
- - - дата и время добавления комментария);
- - - фото комментария;
- - Вид ответить на комментрий
- - вид когда в статье нет комментрияев;
- - вид когда есть комментрий;
- - вид когда есть комментрйи с фотограифей;
- - вид когда ответили на комментрий;
- - вид когда ответил админ на камент;
- - аватарка для юзеров заглушка;
Шапка:
- логотип (что то связанное с бутылочкой)
- поиск
- меню сайта
- мне нравится сайт или ссылки на соц сети (на выбор) (очень нравится идея http://prntscr.com/e2alpg)
- хлебные крошки (Главная - Категория - Название статьи)
Подвал
- мини логотп
- счетчик
- ссылка на стр. реклама, контакты и т.д.
- мне нравится сайт или ссылки на соц сети (на выбор) (очень нравится идея http://prntscr.com/e2alpg)
Боковая колонка
- тизеры реклама;
- мы в соц сетях;
- блок повод выпить;
- категории; (водка, пиво, вино, шампанское)
- последние публикации;
Какие сайты симпотичны, но это лишь мини подсказказка. Конечно вкус дизайнера и мода в приоритете.
Что хочу получить:
- стоимость работы от исполнителя (желательно услышать стоимост работы за страницы чтобы понимать);
- время выполнения заказа
- примеры Ваших работ и отзывы о Вас.
Оплату предлагаю 50% аванс и 50% в конце работы.