На первом этапе был подготовлен дизайн-макет страницы в соответствии с требованиями технического задания. Макеты были разработаны для трех типов устройств: компьютеров, планшетов и мобильных телефонов, что позволило заранее проработать адаптивное отображение элементов интерфейса и обеспечить корректную работу страницы на различных разрешениях экрана.
Скриншот из Figma
Для управления контентом был создан отдельный инфоблок в административной панели сайта. При добавлении новой публикации администратор может указать название компании, город, дату документа, краткое описание, а также загрузить PDF-файл, изображение скана документа и логотип организации. Такой подход позволил обеспечить удобное наполнение и дальнейшее сопровождение раздела без привлечения разработчиков.
Также был реализован просмотр сканов документов во всплывающем модальном окне без перехода на отдельные страницы. Пользователи получили возможность открывать и скачивать оригинальные PDF-документы по прямым ссылкам, что улучшило пользовательский опыт и обеспечило соответствие базовым SEO-требованиям.
В нижней части страницы был размещен CTA-блок с формой обратной связи. Для него была разработана отдельная форма отправки заявки, визуально соответствующая существующим элементам сайта, но адаптированная под задачи нового раздела и не привязанная к карточкам товаров.
После завершения разработки и тестирования функционал был перенесен на боевой сайт. На заключительном этапе раздел был наполнен существующими отзывами.
На сайте появился полноценный раздел с официальными отзывами и благодарственными письмами клиентов, который позволяет показать опыт компании и повышать доверие со стороны потенциальных заказчиков.
Сотрудники получили удобный инструмент для самостоятельного наполнения раздела через административную панель без привлечения разработчиков. Новый раздел органично интегрирован в структуру сайта, соответствует дизайн-макетам и корректно работает на всех типах устройств.
Готовый функционал можно посмотреть на странице: https://fastengroup.ru/about/otzyvy/
