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

1. Вводная задача от заказчика, проблематика, цели

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

3. Результаты сотрудничества

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