1. Сначала был отрисован макет и согласован с клиентом. По стандартам компании Пиксель Плюс мы готовим макет для трех разрешений экрана: ПК-версии, планшетной и мобильной. Это помогает при адаптивной верстке - страница будет отображаться корректно на любом устройстве. Также на этапе макета были отрисованы формы для написания отзывов.
В таком виде мы отдаем макет на согласование клиентам: в Figma отрисованы три варианта отображения страницы, отдельно отрисованы формы, макет и элементы имеют понятные названия.
2. После согласования макета и внедрения правок задача передается на адаптивную верстку. На этом этапе программист выполняет верстку и интеграцию на тестовую площадку. Это делается для того, чтобы избежать ошибок на боевом сайте клиента. Так как сайт находится на SEO-продвижении в нашей компании, мы реализовали сортировку и пагинацию отзывов не в коде сайта, а с помощью ajax, то есть вынесли эти элементы на уровень js-скриптов, чтобы повторяющиеся элементы не размывали релевантность страницы.
3. Также мы произвели внутреннюю настройку функционала и добавили управление из админки. Создали форму с обязательными полями и отправкой отзывов в Черновик, где администратор сайта может проверить не содержит ли отзыв спам и опубликовать на сайте. Также по просьбе клиента реализовали функционал ответа на отзывы от лица студии.
