Цель проекта
Создать современный информационный сайт на WordPress для препаратов экстренной контрацепции. Основные задачи: обновить дизайн, реализовать адаптивную вёрстку, перенести и структурировать все существующие материалы (описание препаратов, инструкции, противопоказания, часто задаваемые вопросы) на новую платформу.
Проблематика
- Существующий ресурс состоял из отдельных HTML-страниц и PDF-буклетов, что осложняло поиск актуальной информации для пользователей и обновление контента.
- Устаревший дизайн и отсутствие адаптивности снижали удобство работы с сайтом на мобильных устройствах, что критично для целевой аудитории (женщины и врачи, часто заходящие с телефонов).
- Клиенту требовалось быстро и без багов запустить новый сайт, сохранив достоверность медицинской информации и удобство навигации.
Проведённые работы
- Анализ и проектирование структуры
- Собрали все исходные материалы: текст инструкций, изображения упаковок, схемы механизма действия, ответы на часто задаваемые вопросы (FAQ).
- Определили ключевые группы пользователей: женщины репродуктивного возраста и гинекологи.
- Спроектировали структуру разделов:
- Главная страница с краткой информацией о препаратах и главными преимуществами
- Раздел «Препараты»: механизм действия, состав, показания и противопоказания
- Инструкции для пациента и отдельная страница для специалистов
- FAQ и раздел с ответами на частые вопросы
- Статьи о методах экстренной контрацепции
- Контакты и форма обратной связи
- Создали прототип меню и основных макетов страниц, чтобы согласовать UX-пути для целевых аудиторий.
- Перенос и систематизация контента
- Экспортировали тексты из PDF и устаревших сайтов, отредактировали в соответствии с последними регуляторными требованиями Минздрава и ВОЗ.
- Сгруппировали все материалы по тематикам (механизм действия, противопоказания, рекомендации) и импортировали в WordPress для удобного редактирования.
- Оптимизировали все изображения для веб: уменьшили вес, сохранили высокое разрешение при масштабировании.
- Добавили внутренние ссылки между смежными разделами.
- Адаптивная верстка под WordPress
- На базе утвержденного дизайна реализовали кастомную тему для WordPress с использованием современных CSS-технологий.
- Обеспечили корректное отображение всех блоков на экранах разного разрешения: десктоп, планшет, смартфон.
- Настроили адаптивное меню-бургер для мобильных устройств.
- Интеграция с WordPress и плагинами
- Развернули WordPress на хостинге клиента, настроили SSL-сертификат для безопасного соединения.
- Установили и настроили необходимые плагины:
- SEO-оптимизация для корректного формирования мета-тегов и карты сайта
- Кэширование и оптимизация скорости
- Настроили права доступа.
- Тестирование и оптимизация
- Провели кроссбраузерное тестирование во всех актуальных версиях Chrome, Firefox, Safari, Edge, а также проверили работоспособность на iOS и Android.
- Проверили вёрстку и поведение адаптивных блоков: меню, галереи и форм обратной связи.
- Минифицировали CSS и JS-файлы, настроили ленивую загрузку (lazy loading) изображений, что позволило снизить время загрузки главной страницы минимум на 35 %.
- Протестировали работу форм нежелательной реакции: уведомления на почту и сохранение заявок в админке WordPress.
- Настроили базовую структуру редиректов, чтобы корректно перевести старые URL на новые адреса без потери трафика и SEO-рейтинга.
Обратный таймер
Результат
- Новый сайт на WordPress запущен в утвержденные сроки без простоев.
- Полностью перенесены и отредактированы все материалы: инструкция, FAQ, статьи для специалистов.
- Простой и интуитивный интерфейс позволяет посетителям быстро найти нужную информацию (механизм действия, сроки приёма, противопоказания).
- Адаптивная вёрстка повысила удобство просмотра с мобильных устройств: мобильный трафик вырос на 50 %.
- Время загрузки страницы снизилось на 35 % по сравнению с прежним ресурсом, что положительно сказалось на поведенческих метриках.
- Клиент получил готовую систему: сотрудники фармацевтического отдела могут самостоятельно обновлять контент, публиковать новости и добавлять новые исследования, используя знакомый редактор WordPress.
Заключение
Проект позволил не только обновить интерфейс и структуру сайта, но и централизовать всю информацию о препаратах экстренной контрацепции в одном месте. Благодаря профессиональной верстке, оптимизированному контенту и удобному управлению на WordPress, ресурс стал более доступным для пациентов и медицинских специалистов. Мы рады, что помогли клиенту создать современный инструмент для информирования о безопасных и эффективных методах экстренной контрацепции.
