Восстановил и адаптировал версию для слабовидящих. Перестроил каталог услуг и программ, перенес медицинские направления без потери содержимого и связей, настроил вывод врачей и цен. Доработал главную страницу, новости, отзывы, карточки врачей и внутренние страницы услуг.

Разработал собственный поиск по прайс-листу с обработкой кодов и неправильной раскладки клавиатуры. Обновил формы записи, обратной связи, вакансий и справки для ФНС: добавил серверную проверку, CAPTCHA, SMTP, вложения и понятные состояния отправки.

Работал с PHP-шаблонами и компонентами 1С-Битрикс, инфоблоками, JavaScript, AJAX, HTML5 и CSS3. Настроил адаптивные сетки, слайдеры и мобильное отображение. Подготовил баннеры, медицинские иконки и графику для отдельных страниц.

Результат - существующий коммерческий сайт стал стабильнее, удобнее для посетителей и проще в дальнейшем наполнении через CMS. Работа продолжается: новые задачи внедряются поэтапно после согласования с заказчиком.

Сайт: https://клиниканаизмайлова.рф/

Исправил главный слайдер: убрал наложение текста во время загрузки, изменил положение стрелок и восстановил неработающую ссылку. Контент ниже первого экрана собрал в единую белую карточку со скруглением и согласованными отступами.

В блоках популярных услуг, комплексных программ, информации о клинике и врачей поправил высоту карточек, отступы, расположение кнопок и кадрирование изображений. Блок врачей перевёл на адаптивный слайдер: 3 карточки на компьютере, 2 на планшете и 1 на телефоне. Поиск и переход ко всем врачам собрал в одну функциональную строку.

Отдельно доработал мобильную версию, общие стили шапки и футера. Для реализации использовал PHP-шаблоны компонентов 1С-Битрикс, HTML5, CSS3 и JavaScript. Настроил адаптивные сетки, слайдеры, состояния кнопок и единое поведение интерфейса на разных экранах.

Это не разработка главной страницы с нуля и не полный редизайн. Работа была частью постепенной доработки существующего проекта. В результате страница стала аккуратнее и стабильнее на разных экранах, а её содержимое по-прежнему управляется через CMS.

Сайт: https://клиниканаизмайлова.рф/

Девять действующих направлений были ошибочно вложены в раздел «Пластическая хирургия». Перенёс их на верхний уровень каталога, настроил короткие адреса и корректные хлебные крошки. Отдельно вынес «Эндоскопию» из «Хирургии», сохранив описание и 25 услуг с ценами.

После изменения структуры типовой шаблон показывал на новых страницах только поиск и подразделы. Данные в инфоблоке сохранились, поэтому доработал PHP-шаблон компонента: вернул описания, услуги, прайс, врачей, вопросы и акции. Специализированные страницы клиники при этом не затронуты.

Корневой каталог получил единую адаптивную сетку. Иконки расположены над названиями, длинные подписи не ломают карточки, а вся плитка стала кликабельной. Исправил ссылки пяти карточек, которые раньше вели на пустые служебные дубли.

Раздел «Комплексные программы» привёл к общей дизайн-системе сайта: обновил карточки, изображения, шапки и мобильные хлебные крошки. Убрал переходы на несуществующие страницы из состава программ и оформил отдельные мужские и женские чек-апы.

Техническая часть выполнена на PHP, API инфоблоков и шаблонах компонентов 1С-Битрикс, HTML, CSS и JavaScript. Структура и содержимое остаются управляемыми через административную часть CMS.

Результат - понятный каталог без пустых страниц и потерянного контента, с актуальными ценами, врачами и адаптивным интерфейсом.

Сайт: https://клиниканаизмайлова.рф/services/

Исправил обработку данных и привёл оценку к единой шкале от 1 до 5 звёзд во всех компонентах. Новый отзыв сохраняется неактивным и появляется на сайте только после модерации. При отправке со страницы специалиста врач назначается автоматически, а на общей странице его можно выбрать вручную.

Полностью обновил интерфейс: единые карточки, оранжевые звёзды, отметка «Отзыв проверен», отдельный блок текста и кликабельные специализации и ФИО врача. Добавил фильтрацию по специалисту и дате, а также подгрузку материалов порциями по 6.

На страницах врачей количество отзывов в шапке стало ссылкой на нужный блок. Слайдер выводит до 6 последних записей и адаптируется под экран: 3 карточки на компьютере, 2 на планшете и 1 на телефоне. Если отзывов больше, кнопка ведёт на общий раздел с уже выбранным врачом; для пустого списка предусмотрено отдельное состояние.

Техническая часть выполнена на PHP, API инфоблоков и шаблонах компонентов 1С-Битрикс, JavaScript, Swiper, HTML и CSS. Общие стили используются на главной, странице «О клинике», страницах услуг и специалистов без дублирования.

Результат - единый управляемый модуль с модерацией, корректным рейтингом, связью с врачами и адаптивным интерфейсом.

Страница: https://клиниканаизмайлова.рф/about/reviews/

На сайте существовали два раздела: /news/ показывал тестовые записи, а реальные публикации находились по адресу /about/news/. Перенёс рабочий раздел на основной URL /news/ и настроил редирект со старого адреса с сохранением путей отдельных публикаций. Старые ссылки и результаты поиска не потерялись.

Полностью обновил карточки: единые размеры, аккуратные скругления, дата поверх изображения, анонс и заголовок в отдельных блоках. Если анонс не заполнен в админке, карточка автоматически получает начало полного текста. Настроил вывод по 9 материалов, чтобы сетка из трёх колонок завершалась ровным рядом.

Исправил структуру хлебных крошек: Клиника - Пациенту - Новости - название публикации. Для каждой новости заголовок вкладки теперь формируется из её названия, а meta description автоматически берётся из анонса.

На детальной странице добавил переходы к предыдущей и следующей новости. Соседи вычисляются через API инфоблоков в том же порядке, что и общий список. На первой и последней публикации лишняя ссылка не выводится. Блок адаптирован для планшетов и телефонов.

Результат - единый управляемый раздел с корректными URL, SEO-данными, адаптивной сеткой и удобной навигацией.

Страница: https://клиниканаизмайлова.рф/news/

При аудите обнаружил, что виджет «Я не робот» отображался, но его ответ не проверялся на сервере. Заменил декоративную защиту в шести формах на встроенную CAPTCHA 1С-Битрикс с серверной проверкой и кнопкой получения нового кода без перезагрузки страницы.

Настроил общий SMTP-транспорт. Письма отправляются с технического адреса домена, а e-mail пользователя передаётся через Reply-To - сотрудник может сразу нажать «Ответить», при этом сохраняется корректная доставляемость.

Для справки ФНС реализовал отправку заполненного заявления во вложении, ограничение типа и размера файла до 10 МБ, состояние загрузки и единое сообщение об успехе. Формы отзывов и вакансий перевёл на AJAX: ошибки показываются без перезагрузки, введённые данные сохраняются, CAPTCHA обновляется. В отклике проверяются телефон, согласие и резюме PDF, DOC или DOCX; устранена отправка пустого письма-дубля.

Унифицировал модальные окна, адаптивную вёрстку, состояния ошибок и сохранение позиции страницы после отправки.

Результат - удобные формы с реальной серверной защитой, надёжной доставкой писем и загрузкой документов на компьютере и телефоне.

Справка для ФНС: https://клиниканаизмайлова.рф/patient/for-tax/

Вакансии: https://клиниканаизмайлова.рф/about/vacancies/

Отзывы: https://клиниканаизмайлова.рф/about/reviews/

Вместо стороннего виджета реализовал собственный модуль без jQuery. Результаты появляются только после ввода текста, фильтруются в реальном времени, группируются по медицинским направлениям и показывают код, название и стоимость услуги.

Учёл проблему исходных данных из Excel: одинаковые на вид буквы в номенклатурных кодах могли быть набраны в русской или английской раскладке. JavaScript приводит похожие символы к единому виду, поэтому А04.16.001 и A04.16.001 дают одинаковый результат.

После выбора результата скрипт автоматически закрывает другие разделы, раскрывает нужное направление, прокручивает страницу к найденной услуге и подсвечивает строку. Пользователь сразу видит услугу в полном прайс-листе, без дублирования информации.

На PHP добавил надёжный разбор одиночных и составных медицинских кодов, включая цепочки через +, очистку пробелов из Excel и разделение кода и названия на разные строки.
Интерфейс адаптирован для мобильных устройств: исправлены длинные названия направлений, расположение количества услуг, переносы текста и цены.
Технологии: 1С-Битрикс, PHP, JavaScript, HTML5, CSS3, JSON, регулярные выражения, адаптивная вёрстка.

Результат - удобный поиск по прайс-листу, работающий по названию и медицинскому коду на компьютере и телефоне.

Материалы заказчика преобразовал из обычных документов и длинных текстов в структурированные посадочные страницы. Разделил контент на смысловые блоки, настроил заголовки, карточки, списки, предупреждения, фотографии, призывы к записи и визуальную иерархию.

Для страницы УЗИ устранил повторный вывод контента, собрал блоки подготовки к исследованию, вопросов и ответов, цен и профильных врачей. Страницу лабораторной диагностики дополнил четырьмя фотографиями и отдельными блоками преимуществ, подготовки и записи.

Физиотерапия, травматология и эндоскопия получили единый визуальный ритм, компактные отступы и адаптивные карточки. Раздел колопроктологии создан с нуля как самостоятельная посадочная страница в структуре 1С-Битрикс.

Особое внимание уделил мобильной версии: исправил выходы текста, кнопок и линий за границы блоков, длинные заголовки, переносы строк, размеры карточек и расположение нумерации. Макеты проверены на ширинах от 390 до 1440 px.

Технологии: 1С-Битрикс, PHP, HTML5, CSS3, адаптивная и кроссбраузерная вёрстка, БЭМ, медиазапросы.

Результат - вместо набора тяжёлых текстовых страниц получилась единая система современных медицинских лендингов, удобных для чтения и записи на приём с компьютера или телефона.

Для страницы «Контакты» создал собственную схему проезда с адресом, меткой клиники и маршрутом. Подготовил отдельные версии для широких и мобильных экранов, чтобы важные элементы не обрезались.

Для страниц анестезиологии и бариатрии подготовил отдельные баннеры на основе фотографий врачей. Для анестезиологии сделал две WebP-версии. Настроил адаптивное кадрирование: изображения заполняют шапку, а на телефоне лица не перекрываются меню, заголовками и хлебными крошками.

Создал и подключил 10 тематических иконок. Четыре монохромные иконки добавлены в каталог услуг: эндоскопия, бариатрия, оториноларингология и колопроктология. Для страницы «КТ и рентген» разработал отдельную серию из шести цветных медицинских иконок: головной мозг, лёгкие, позвоночник, суставы, брюшная полость и пазухи носа. Сохранил единый стиль, толщину линий и цветовую палитру.

Также обновил баннеры разделов «Услуги» и «О клинике». Настроил композицию, фон, положение текста и адаптацию под разные экраны.

Технологии: 1С-Битрикс, HTML5, CSS3, адаптивная вёрстка, WebP, PNG, обработка изображений, UI-дизайн, Photoshop, ChatGPT, Claude

Результат - разрозненные изображения и серые заглушки заменены на цельную визуальную систему, связанную с содержанием страниц и корректно работающую на компьютерах и смартфонах.

Настроил пять размеров текста, три контрастные цветовые схемы и режимы отображения изображений. Выбор пользователя сохраняется между страницами. Панель получила понятные подсказки, ARIA-атрибуты, видимый клавиатурный фокус и корректное управление без мыши.

Основной объём выполнен на главной странице: адаптированы хедер и футер, мобильное меню, слайдер, карточки услуг и врачей, отзывы, рейтинги и элементы управления. Главной задачей была читаемость информации во всех цветовых режимах. Хедер автоматически учитывает собственную высоту, поэтому не перекрывает контент при увеличении шрифта.

Попутно доработал общие стили и часть внутренних страниц, включая страницу поиска. Также зафиксировал правила разработки и матрицу проверки для дальнейшего поэтапного развития специальной версии на ширинах от 390 до 1440 px.

Технологии: 1С-Битрикс, PHP, JavaScript, HTML5, CSS3, адаптивная вёрстка, ARIA.

Результат - восстановлена штатная функция, а главная страница стала читаемой и управляемой в специальных режимах на компьютерах и мобильных устройствах. Расширение до остальных страниц ожидает согласования заказчика.

Ссылка на видео: https://www.youtube.com/shorts/RJm9Siw9-TA