Цель проекта
Создать современный информационный сайт для препарата, предназначенного для лечения боли в горле. Основной задачей было спроектировать удобную структуру и реализовать адаптивную вёрстку, а также перенести и систематизировать весь существующий контент (описание препарата, инструкции, отзывы, материалы для специалистов) на новую платформу.
Проблематика
- Устаревший дизайн и негибкая структура прежнего сайта снижали конверсию и усложняли поиск нужной информации для пациентов и медицинских специалистов.
- Контент был разбросан по нескольким источникам (PDF-файлы, устаревшие HTML-страницы, внутренние документы), что осложняло его обновление и поддержку.
- Сайт не был адаптирован под мобильные устройства, из-за чего посещаемость с телефонов и планшетов была неудовлетворительной.
- Клиенту требовалось быстро вывести на рынок обновленную версию ресурса, сохраняя при этом корректность всей медицинской информации и удобство навигации.
Проведённые работы
- Анализ требований и проектирование структуры
- Собрали исходные материалы: текстовые описания, инструкции по применению, изображения упаковки и схем дозировок.
- Выявили ключевые целевые аудитории: пациенты с симптомами боли в горле, педиатры и терапевты.
- Спроектировали навигацию так, чтобы разделы (описание препарата, состав, показания и противопоказания, инструкция для врача, отзывы пациентов) были интуитивно понятны и доступны на первых уровнях меню.
- Перенос и систематизация контента
- Обновили тексты в соответствии с последними регуляторными требованиями.
- Конвертировали устаревшие HTML-страницы в единый формат Markdown и затем импортировали в WordPress с помощью Gutenberg-блоков.
- Оптимизировали иллюстрации (фотографии упаковки, схемы анатомии горла) для веб: уменьшили вес файлов, сохранили читаемость при масштабировании.
- Адаптивная вёрстка по макетам
- На основе утвержденных дизайнерских макетов реализовали верстку HTML/CSS с учётом всех современных стандартов.
- Обеспечили корректное отображение на устройствах с разным разрешением: от широкоэкранных десктопов до узких смартфонов.
- Интеграция
- Развернули сайт на WordPress, настроили базовые шаблоны страниц.
- Настроили систему управления контентом так, чтобы сотрудники клиента могли самостоятельно редактировать тексты, заменять картинки и добавлять новые разделы без привлечения разработчиков.
- Подключили Google Analytics и Яндекс.Метрику для мониторинга пользовательского поведения и сбора статистики.
- Тестирование и оптимизация
- Провели кроссбраузерное тестирование (Chrome, Firefox, Safari, Edge) и проверили верстку на iOS и Android.
- Проверили корректность отображения всех элементов (кнопок «Где купить», интерактивных табов с листком-вкладышем препарата).
- Оптимизировали загрузку страницы: настроили минификацию CSS/JS и ленивую загрузку изображений.
- Сделали базовое SEO: прописали мета-теги (title, description) для основных разделов, настроили ЧПУ и карту сайта.
Результат
- Готовый сайт был успешно запущен в срок.
- Все существующие сведения о препарате (описание, листки-вкладыши, состав) были перенесены и отформатированы единообразно.
- Интерфейс оказался интуитивно понятным: ключевые разделы (например, “Продукты”, “Как выбрать”, “Статьи”) открывались в один клик.
- Благодаря адаптивной верстке показатели мобильного трафика выросли на 45%.
- Время загрузки страницы уменьшилось на 30 % по сравнению с прежним сайтом.
- Клиент получил готовую к самостоятельному редактированию систему: сотрудники фармацевтического отдела могут добавлять новости, менять инструкции и загружать промо-материалы без обращения к разработчикам.
Заключение
Проект позволил не только обновить внешний облик ресурса, но и полностью переработать внутреннюю логику работы с контентом. Новый сайт для препарата от боли в горле обеспечивает удобство поиска и получения информации как для конечных пользователей, так и для медицинских специалистов. Адаптивная вёрстка, оптимизированные изображения и единая структура контента повысили доверие к бренду и улучшили поведенческие метрики. Мы рады, что смогли помочь клиенту создать современный инструмент для информирования пациентов о безопасном и эффективном лечении боли в горле.
