Сибирикс
Галавит
Сибирикс
#Разработка сайтов под ключ

Галавит

71 
Сибирикс Россия, Москва
Поделиться: 0 0 0
Галавит
Клиент

Сэлвим

Бюджет

1

Сфера

Медицина и ветеринария

Регион

Россия, Москва

Тип сайта

Лендинг пейдж

Сдано

Октябрь 2025

Задача

Клиент: фармацевтическая компания «Сэлвим», производитель препарата «Галавит».

Задача: разработать промосайт для «Галавит», который поможет бренду выделиться на конкурентном рынке средств для лечения и профилактики ОРВИ, повысить узнаваемость препарата и привести пользователя к целевому действию — переходу к покупке в интернет-аптеках.

Важно было не просто собрать стандартную страницу с описанием преимуществ, а создать яркий, запоминающийся проект для продвижения препарата в сезон простуд. Сайт должен был понятно рассказать о действии «Галавит», удержать внимание пользователя за счет сторителлинга и анимаций, а также дать бренду сильный визуальный образ, который можно использовать в дальнейших рекламных коммуникациях.

Решение

От архетипа бренда — к сильной визуальной идее

На старте проекта заказчик рассказал, что в основе бренда «Галавит» лежат два архетипа: Бунтарь и Воин. Мы взяли за основу именно образ Воина: он хорошо передавал идею защиты, силы и готовности не сдаваться, а также помогал отстроиться от более привычных для фармрынка образов — заботливых, наставнических или экспертных.

Так появилась идея маскота-викинга. Образ оказался точным попаданием в характер бренда: викинг ассоциируется с силой и защитой, а его щит легко превращался в визуальную метафору формы выпуска препарата — таблетки.

«Карандашный» набросок страницы, который родился на брейншторме

Создали маскота и проверили гипотезу через ИИ

Создание персонажа — дорогая и рискованная история, поэтому мы пошли безопасным путем: сначала попробовали собрать образ с помощью ИИ. Это позволило быстро протестировать идею, не тратя бюджет на полноценную ручную отрисовку с нуля.

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

Каким получился наш маскот

Собрали страницу как рекламный ролик, а не стандартный промосайт

Заказчику было важно, чтобы сайт не просто последовательно перечислял преимущества препарата, а рассказывал историю от экрана к экрану. Поэтому главную страницу мы построили как небольшой рекламный ролик: пользователь скроллит страницу, а перед ним постепенно раскрывается герой, действие препарата и ключевые преимущества «Галавит».

Так вместо типовой структуры «первый экран — преимущества — описание — кнопка покупки» у сайта появился полноценный сторителлинг, который удерживает внимание и делает бренд более эмоциональным.

Подготовили альтернативную премиальную концепцию

Поскольку идея с маскотом была смелой, мы параллельно разработали более спокойную и «безопасную» версию главной страницы. В ней акцент был сделан на упаковке препарата, чистой визуальной подаче и понятном описании преимуществ.

Но заказчик выбрал именно концепцию с викингом. Более того, персонаж настолько понравился команде бренда, что позже стал основой всей коммуникационной стратегии: его начали использовать не только на сайте, но и в рекламных баннерах, роликах и других каналах.

Дизайн главной страницы

Оживили персонажа через сложную анимацию

Чтобы маскот не выглядел статичной картинкой, мы подготовили его к анимации: дизайнер разобрал изображение на множество отдельных слоев — от рук, бороды и бровей до радужки глаз и бликов в зрачках. Это позволило анимировать мельчайшие детали и сделать персонажа живым.

На главной странице викинг реагирует на контент и меняет выражение лица по мере скролла. Для анимаций использовали GSAP, ScrollTrigger и GSAP FLIP: с их помощью реализовали плавные переходы, перемещение элементов и смену сцен.

Показали действие препарата на отдельной странице

Чтобы не перегружать главную страницу большим количеством фактов, подробную информацию о препарате вынесли на отдельную страницу «О продукте». Там пользователь может подробнее узнать о действии «Галавит» и особенностях его применения.

Для этой страницы мы также сделали анимацию: таблетка метафорически показывает борьбу с вирусами и бактериями и поддержку иммунитета.

Как выглядит страница о препарате

Адаптировали маскота под рекламные ограничения

В процессе работы возникло важное юридическое ограничение: в рекламной коммуникации нельзя было использовать образ врача. Поэтому маскота пришлось адаптировать для потребительской коммуникации — убрать белый халат и таблетку, которые слишком явно считывались как медицинская атрибутика.

Для сайта это означало дополнительную переделку: нужно было заменить персонажа в уже собранной верстке и заново настроить анимации для бровей, усов, глаз и других деталей. Но в итоге обновленный образ сохранил характер викинга и стал универсальным для всех рекламных каналов.

Добавили понятный путь к покупке

Одна из важных функциональных деталей промосайта — кнопка «Где купить», доступная с каждого экрана. Она открывает список интернет-аптек, поэтому пользователь может перейти к покупке в любой момент, когда у него уже сформировался интерес к препарату.

Так сайт работает не только как яркая имиджевая история, но и как понятный инструмент для целевого действия.

Результат

В результате мы создали яркий промосайт для «Галавит», который не просто рассказывает о препарате, а ведет пользователя по связной рекламной истории: от знакомства с маскотом до объяснения действия препарата и перехода к покупке.

Главным итогом стала идея с викингом-маскотом. Заказчик выбрал ее вместо более спокойной премиальной концепции, а затем использовал персонажа как основу всей коммуникационной стратегии бренда — в рекламных баннерах, ТВ-роликах и других каналах.

На сайте мы:

• разработали запоминающийся визуальный образ бренда;

• собрали главную страницу в формате сторителлинга;

• оживили маскота с помощью сложной анимации;

• вынесли подробную информацию о препарате на отдельную страницу;

• добавили кнопку «Где купить», доступную с каждого экрана;

• адаптировали персонажа под рекламные ограничения, сохранив его характер и узнаваемость.

Так промосайт стал не просто продуктовой страницей, а основой для дальнейшего продвижения «Галавит» в разных рекламных каналах.

https://tabletka.galavit.ru/

Стек технологий

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • TypeScript TypeScript Язык программирования
  • 1С-Битрикс 1С-Битрикс CMS
  • jQuery jQuery Фреймворк/библиотека
  • Laravel Laravel Фреймворк/библиотека
  • Vue.js Vue.js Фреймворк/библиотека
  • MySql MySql База данных
  • Docker Docker Среда разработки
  • Figma Figma Графический редактор

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Сибирикс с удовольствием обсудит вашу задачу

Оставить заявку