Обновление корпоративного сайта для фармацевтической компании

UX/UI дизайн
разработка

Клиент

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

Проблема

Существующий сайт имел ряд серьезных недостатков:

  • Отсутствие гибкости: Невозможность технического развития в соответствии с актуальными задачами и требованиями бизнеса.
  • Устаревший UX/UI: Дизайн и пользовательский интерфейс не соответствовали современным стандартам, что ухудшало пользовательский опыт.
  • Разрозненные решения: Непоследовательные технические и дизайнерские решения, возникшие в процессе эволюции сайта за последние 5 лет, создавали путаницу.

Решение

Для решения возникших проблем мы выбрали системный подход, охватывающий все аспекты разработки сайта: от дизайна и UX/UI до программирования и интернет-маркетинга. Проект занял 4 месяца и потребовал более 900 рабочих часов. В ходе работы мы:

  • Анализ бизнес-процессов: Полностью пересобрали архитектуру сайта, чтобы обеспечить логичность и удобство навигации.
  • Динамический контент: Перевели весь контент на сайт в динамический формат, что позволило оперативно обновлять данные без задержек. Для новой административной панели выбрали open-source решение Moonshine, обеспечив полное редактирование всех блоков сайта.
  • Систематизация дизайна: Создали полноценный UI-kit, синхронизировав все дизайнерские решения с действующим брендбуком компании. Использование методологии БЭМ обеспечило стандартизацию проектирования, устранив проблемы с различиями в шрифтах и паддингах.
  • Адаптивный дизайн: Уделили особое внимание адаптивности под мобильные устройства, так как более 50% трафика приходилось на мобильные платформы. Мы разработали более 50 экранов, учитывающих популярные разрешения.
  • Оптимизация производительности: Сайт был разработан с акцентом на легкость и скорость загрузки, при этом сохранив анимации и интерактивные элементы.

Особенности реализации

  • Интерактивный 3D-тур: Внедрили интерактивный 3D-тур по производственным мощностям Solopharm, что позволяет пользователям лучше ознакомиться с компанией и ее продуктами.
  • Linting и автоформатирование: Реализовали строгие правила Linting и автоформатирования для CSS и JS файлов, что улучшает читаемость и поддержку кода.
  • Сложная структура каталога: Создали сложную структуру каталога с торговыми предложениями и препаратами, использующую умный фильтр с ЧПУ, обновляющийся в динамическом режиме.
  • Обработка изображений: Разработали нестандартный сервис для обработки изображений, который конвертирует их в формат .webp и изменяет размеры в соответствии с параметрами устройства.
  • Полноценный поиск: Реализовали полнотекстовый поиск и интеграцию с API HeadHunter для автоматического обновления вакансий, что повысило актуальность информации на сайте и сняло нагрузку с контент-менеджера.

Результаты

После публикации нового сайта поисковая видимость компании Solopharm увеличилась с 3% до 45%, что свидетельствует об успешной оптимизации и улучшении пользовательского опыта. Высокий уровень оптимизации по показателям Google Page Speed (90+) подтвердил эффективность наших решений.

Заключение

В результате, корпоративный сайт Solopharm стал не только современным и функциональным, но и важным инструментом для привлечения новых клиентов и партнеров, а также для укрепления имиджа компании как лидера в фармацевтической отрасли. Новый сайт стал отражением инновационного подхода Solopharm и её стремления к качеству и эффективности.

Елизавета Козлова,
руководитель проектной команды

Отзыв клиента