Задача нарисовать дизайн для 1 страницы сайта (только область контента, без шапки, сайдбара и подвала).
Весь набор элементов на странице уже есть, их нужно грамотно скомпоновать, учитывая ТЗ.
!!! Важно: не изменять названия заголовков и элементов, текст должен оставаться текстом, ссылки должны остаться ссылками. Функционал "Показать" телефон должен сохраниться.
Нужно 2 версии дизайна – десктоп и мобильная.
Важно использовать все элементы, которые есть сейчас на сайте и учесть, что на большинстве страниц многих данных нет.
Пример страницы с полными данными:
Пример страницы с пустыми данными:
В первом экране необходимо оставить:
– Название компании
– Адрес
– Метро и расстояние
– Рейтинг и количество голосов
– Блок навигации по странице, только ссылками: (Контакты / Режим работы / Отзывы / Услуги / Похожие)
– Блок с функционалом, можно иконками: (В избранное / Поделиться / Распечатать / QR код / Написать отзыв / Ошибка в описании)
!!! Важно, чтобы в первом экране обязательно был рекламный блок
В первом экране пользователь должен получать полезный контент, но не весь, мы его должны мотивировать перейти на "второй экран".
Во втором экране мы отображаем всю контактную информацию и обязательно после нее рекламный блок такого же формата, как и в первом!
Длинное поле "Подробное описание" скрываем спойлером, оставляем только первые 5 строк, остальной контент раскрываем по клику.
Форму "Оставьте свой отзыв" допустимо сделать в модальном окне, но тогда нужно сделать кнопку для открытия этого окна.
Содержание блока 1 отзыва:
– Рейтинг (звездочки)
– Дата
– Автор
– Голосование за отзыв (Типа
– Текст отзыва (Показываем первые 150 символов, остальное скрываем спойлером "Читать далее")
Отзывов на странице будет 5, после них показываем кнопку "Показать еще"
В макете сейчас нет, но там будет функционал "Как добраться", нужно подумать куда его разместить (Пример:
Карта с отметкой адреса организации должна быть обязательно в раскрытом виде.
Шаблон блока "Похожие компании рядом" оставляем без изменений.
В отклике обязательно указывайте ссылки на ваши идентичные работы, сроки и стоимость.