Веб-дизайн — удалённая работа в Москве

Дизайн сайта. Информационный сайт. Платформа: дизайн и верстка. Количество страниц: 1. Дизайн и верстка типовых страниц сайта. Лучше на figma, но инструменты разработки - все равно, на усмотрение разработчика. Нужны в результате - набор html-файлов - типовых страниц сайта - набор соответствующих css и js - набор графических файлов - в основе верстки желателен Bootstrap - верстка - т.н. БЭМ, с ней проще в дальнейшем Основные разделы сайта: - Новости (несколько категорий новостей) - Каталог организаций и компаний города - далее объектов - (одноуровневый классификатор) - Опросы. Часто связанные с новостями - Статические страницы Как прототип каталога можно рассматривать, напр., сайт https://lipetsk.jsprav.ru/ Интерактивности на сайте: - форма подписки на новости - форма поиска объектов - оценка объекта (звездочки или иное) - форма опроса (выбор одного варианта ответа из списка) Дизайн - полностью адаптивный. В верстке использовать Bootstrap Методология верстки - БЭМ Карта - на основе яндекс-карт Дизайн не должен рассыпаться из-за разной длины заголовков или текстов в смежных блоках. Изображения, помещаемые в контент сайта, могут иметь произвольные размеры и пропорции, но при этом на страницах сайта они должны заполнять собой предназначенное для них место в блоках, не деформируя их (object-fit в css) Предусмотреть возможность вывода видео с видеохостингов. Блок видео также должен быть адаптивным, с сохранением пропорций. Горизональной прокрутки не должно быть на любых экранах. Блоки страниц сайта могут добавляться, исключаться, меняться местами без ущерба для отображения (БЭМ - верстка). Страницы сайта 1. Главная - шапка - меню / моб. меню - заголовок - блок несколько Новостей (категоря, дата (м.б. и время), заголовок, фото (могут быть новости без фото, тогда заглушка), пара строк...) - блок Категорий Объектов (каждая категория - пиктограмма, название, возможно, несколько объектов в виде фото + название или только название) - форма поиска - следует продумать; возможно, поисковая фраза + выбор категории - карта с избранными объектами, или с картой и локацией посетителя (если он в данном городе) - блок из нескольких избранных объектов (объект - фото, название, категория) - футер (подвал) 2. Новости все или одной категории - шапка - меню / моб. меню - заголовок - список новостей с пагинацией - блок категорий новостей (блок ссылок типа меню, одноуровнев., возможно, с пиктограммами) - блок список избранных объектов - футер (подвал) 3. Новость - шапка - меню / моб. меню - категория - дата - заголовок - фото - текст новости - ссылка на опрос при наличии - категории новостей - несколько новостей - категории - список избранных объектов - футер (подвал) 4. Объекты / Категория объектов - шапка - меню / моб. меню - заголовок - форма поиска с выбранной категорией - карта с объектами категории - список объектов с пагинацией - список категорий - футер (подвал) 5. Объект - шапка - меню / моб. меню - карта с объектом - категория - заголовок - фото - описание объекта - контакты объекта (возможно, контакты скрыты, подгружаются через ajax по клику) - параметры объекта (wi-fi, паркинг, выезд к клиенту, ...) - форма оценки (звездочки или иное) - список категорий объектов - блок несколько новостей - футер (подвал) 6. Опросы - шапка - меню / моб. меню - заголовок - список опросов - блок несколько новостей - блок список категорий объектов - блок избранные объекты - футер (подвал) 7. Опрос - шапка - меню / моб. меню - заголовок - опрос - сразу результат, если опрос закрыт; если открыт - результат после ответа; результат в виде кгуговой диаграммы (пример https://www.angi.ru/statistics/432/) - другие опросы (блок ссылок) - блок несколько новостей - футер (подвал) 8. Статические страницы - шапка - меню / моб. меню - заголовок - текст - блок несколько новостей - блок категории объектов - блок список избранных объектов - футер (подвал) 9. Подтверждение email после подписки на новости - шапка - меню / моб. меню - заголовок - поздравление с регистрацией... - футер (подвал) 10. 404 Страница не найдена Как статическая страница, наверное Элементы страниц 1. Шапка - логотип (нужно сделать), контакты, название, слоган С логотипа ссылка на домашнюю страницу 2. Меню - Главная Новости Каталог компаний Опросы О проекте... 3. Футер - Логотип Копирайт Меню Соц. ссылки Возможно размещение подписки на новости, но на страницах с новостями должна быть ссылка со скроллингом к этой форме Возможны другие варианты размещения формы подписки 4. Возможно, погодный виджет - продумать, на каких страницах и где.