Разработка сайтов
Поддержка сайта грузоперевозок Navi Line
Клиент
Navi Line
Выровняли контактные карточки, настроили загрузку шрифтов и мобильную компоновку, добавили подпись MAX. Проверили опубликованную версию.
О проекте
Ситуация и задача
На сайте грузоперевозок Navi Line дорабатывали раздел контактов. Нужно было согласовать расположение фотографий, описаний сотрудников и способов связи, а также сохранить удобную компоновку на узком экране.
Отдельная задача касалась ссылки MAX: рядом с иконкой нужна была понятная подпись, а нажатие и на текст, и на иконку должно было открывать один адрес.
Стратегия
Подход и методология
Для двух контактных карточек настроили общую сетку. На широком экране фотографии, подписи и контакты расположены по колонкам; на узком они идут последовательно друг под другом. Проверили загрузку фотографий и файлов шрифтов.
Добавили подпись MAX и объединили её с иконкой в одну ссылку. Выровняли эту строку с телефоном и почтой, сохранили доступное название ссылки и проверили нажатие на обе её части.
После публикации 14 сентября 2026 года проверили главную страницу и шесть связанных ресурсов. Затем просмотрели контактный раздел в Chrome и WebKit на Windows при ширине 1440 и 320 px. В этих проверках шрифты и фотографии загрузились, содержание оставалось в пределах экрана.
Ход работ
Что мы сделали
-
Шрифты и фотографии
Проверили загрузку локальных шрифтов и фотографий в контактном разделе.
-
Две контактные карточки
Согласовали сетку фотографий, подписей и способов связи на широком экране.
-
Узкий экран
Настроили последовательное расположение элементов и проверили отсутствие горизонтального переполнения при ширине 320 px.
-
Ссылка MAX
Добавили подпись рядом с иконкой и проверили, что нажатие на обе части открывает один адрес.
-
Публикация и проверка
14 сентября 2026 года опубликовали доработку, проверили публичные файлы и четыре вида контактного раздела в двух браузерных движках.
Итоги
Что получил клиент
Контактные карточки приведены к единому виду
Широкий экран и мобильная компоновка
Иконка и подпись работают как одна ссылка
Оба способа нажатия проверены после публикации
Доработка опубликована
Публичные файлы и четыре снимка прошли проверку
Две контактные карточки получили единое оформление и мобильную компоновку. Фотографии, описания и способы связи расположены последовательно и остаются в пределах экрана.
Рядом с иконкой MAX появилась подпись. Иконка и текст входят в одну ссылку; проверка подтвердила, что обе части открывают заданный адрес.
Доработка опубликована 14 сентября 2026 года. Публичная проверка подтвердила, что главная страница и шесть связанных ресурсов успешно загрузились. Четыре снимка опубликованной версии показали корректное оформление в Chrome и WebKit на Windows на широком экране и при ширине 320 px.
Материалы проекта
Опубликованный контактный раздел
Сводка по сохранённой проверке опубликованной версии от 14 сентября 2026 года. Chrome и WebKit на Windows, ширина 1440 и 320 px.
Ваш проект
Обсудим вашу задачу
Расскажите о проекте. Мы уточним вводные и предложим подход к работе.