О заказчике
«UMETEX» — компания, специализирующаяся на поставках медицинского оборудования и расходных материалов для частных и государственных клиник. Основные направления деятельности: оснащение лечебных учреждений оборудованием для функциональной диагностики, анестезиологии, реанимации, хирургии и интенсивной терапии. Компания работает с 13 медицинскими направлениями и имеет значительный опыт в поставках оборудования (более 700 единиц).
Задача клиента
Клиенту требовалась разработка полнофункционального сайта на Laravel на основе готовых дизайн-макетов в Figma. Необходимо было создать современный корпоративный ресурс с разветвленной структурой: каталог медицинского оборудования, карточки товаров со сложными техническими характеристиками, разделы "Пресс-центр", "Блог", "Мероприятия", "Вебинары", "Партнерская программа", "Вакансии", "Обучение", "Клиент-Сервис" и другие. Важной задачей была интеграция с CRM (Битрикс24) через вебхуки для создания сделок и контактов, а также последующее тестирование, выкатка на боевой домен и гарантийная доработка всех выявленных недочетов.
Что было сделано
Мы выполнили полный цикл работ по созданию сайта на Laravel — от верстки и интеграции разделов по макетам до финального выката на боевой домен и гарантийного обслуживания. Общий объем трудозатрат наших специалистов составил 360 часов.
✅ Проектирование и базовая настройка
- Анализ макетов Figma — изучена структура и все страницы проекта.
- Настройка фреймворка Laravel — развернута базовая архитектура проекта.
- Закрытие тестового сайта от индексации — выполнена техническая настройка для предотвращения индексации тестового домена.
✅ Верстка и интеграция основных разделов
- Главная страница — верстка и интеграция согласно макетам.
- Каталог — верстка и интеграция страницы каталога, настройка отображения категорий.
- Карточка товара (продукта) — верстка страницы товара, настройка вывода технических характеристик, поля "Размер пятна" с сортировкой, настройка калькулятора на странице товара.
- Разводящие страницы — "Модули", "Обучение", "О компании".
- Страницы сервиса — "Клиент-Сервис", "Контакты", "404".
- Информационные разделы — "Вакансии", "Партнерская программа".
✅ Контент-разделы (Пресс-центр, Блог, Мероприятия, Вебинары)
- Пресс-центр — верстка и интеграция раздела в 3 этапа, доработка страницы, настройка блока "Дипломы и сертификаты".
- Блог — верстка разводящей страницы блога/новостей, детальной страницы записи, замена тегов div на img, создание поля для атрибутов alt.
- Мероприятия — верстка разводящей и детальной страниц, настройка диапазона дат.
- Вебинары — верстка и интеграция в 3 этапа, перенос правок с теста на боевой.
- Блоки с изображениями — создание блока для тестирования отображения картинок в разделах.
✅ Интеграции и доработки
- Интеграция с Битрикс24 — настройка вебхука для создания сделки и контакта при отправке форм.
- Плагин SEO — настройка плагина для поисковой оптимизации.
- Медиафайлы — решение проблемы с загрузкой видео в медиабиблиотеку (файлы зависали на 99%).
- Ссылки в футере — настройка кликабельных телефонов и email.
- Баннеры и слайдеры — замена картинок на баннере страницы "Клиент-Сервис", настройка слайдера в категории аппаратов для RF-лифтинга.
- Блок "Нас выбирают" на главной — размещение контента.
✅ Тестирование, выкат и гарантийные доработки
- Тестирование после обновлений — проведено комплексное тестирование сайта после каждого этапа доработок.
- Выкат на боевой домен — перенесены страницы на https://umetex-a.ru/, проверена целостность данных и работа функционала.
- Гарантийные доработки — исправлены: верхнее меню (белый текст на белом фоне), сортировка характеристик, адаптив верстки, блок "Дипломы и сертификаты", ссылки, отображение элементов на странице "Контакты", блок "Уже используют", разводящая страница, калькулятор и другие мелкие правки.
- Финальное тестирование — проверка работы всех форм, загрузки изображений и видео, корректности отображения на всех устройствах.
Результат
Запущен современный корпоративный сайт для компании UMETEX, полностью соответствующий дизайн-макетам и требованиям заказчика. Сайт решает ключевые бизнес-задачи:
- • Для клиентов компании: Предоставляет удобный доступ к информации о медицинском оборудовании с подробными техническими характеристиками, разделам пресс-центра, блога, мероприятий и вебинаров.
- • Для менеджеров: Обеспечивает автоматическую передачу данных из форм в Битрикс24, что упрощает обработку заявок.
- • Для администраторов: Предоставляет удобные инструменты для управления контентом через админ-панель Laravel, включая загрузку изображений, видео, настройку блоков и SEO-параметров.
Благодаря тщательному тестированию и гарантийной доработке всех выявленных недочетов, сайт работает стабильно и корректно отображается на всех устройствах. Компания получила полноценный корпоративный ресурс, укрепляющий имидж надежного поставщика медицинского оборудования.
Используемые технологии и решения
Laravel (PHP-фреймворк) | HTML5/CSS3 | JavaScript (jQuery) | MySQL | Адаптивная верстка | Figma | Битрикс24 (вебхуки) | ЧПУ | SEO-плагин
Объем трудозатрат:
| Задача | Часы |
|---|---|
| Анализ макетов Figma, настройка Laravel, закрытие от индексации | 15 |
| Верстка и интеграция главной страницы, каталога, карточки товара (с калькулятором) | 45 |
| Верстка разводящих страниц (О компании, Обучение, Модули) и страниц сервиса (Контакты, 404, Клиент-Сервис) | 35 |
| Верстка разделов "Вакансии", "Партнерская программа" | 20 |
| Разработка раздела "Пресс-центр" (3 этапа) и настройка блока дипломов | 45 |
| Разработка разделов "Блог" (разводящая + детальная) и работа с изображениями | 35 |
| Разработка разделов "Мероприятия" и "Вебинары" (с настройкой дат и переносом правок) | 50 |
| Настройка интеграции с Битрикс24 (вебхуки для сделок и контактов) | 15 |
| Настройка SEO-плагина, загрузка видео, работа с медиафайлами | 15 |
| Доработки по гарантии (исправление меню, характеристик, адаптива, блоков, слайдеров, ссылок) | 55 |
| Тестирование после каждого этапа, выкат на боевой домен, финальная проверка | 35 |
| Итого | 360 |
