Имиджевый лендинг на Tilda для международной фармкомпании Boiron

Любой сайт со временем устаревает. Примерно раз в 5–7 лет ему нужно обновление, просто чтобы не выглядеть «приветом из прошлого» и не отпугивать посетителей с первого взгляда.

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

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

«Буарон», лидер рынка гомеопатии, обратилась к нам для редизайна морально устаревшего лендинга своего просветительского проекта «Экофармацевтика BOIRON». 

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

Этот проект дополняет наше сотрудничество с брендом. О разработке корпоративного сайта для «Буарон» мы уже подробно рассказывали в отдельном кейсе.

Tilda

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

Обновили визуал, чтобы лендинг лучше отражал суть проекта: заботу о себе и ответственное отношение к окружающей среде.

Сделали дизайн легким и современным

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

Добавили фирменные графические элементы

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

Ввели систему маркеров секций

Каждый смысловой блок получил короткую подпись: «эко:здорово», «эко:логично», «эко:ответственно». Это задает ритм повествования и усиливает связь с брендом.

Обновили типографику и подачу

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

Подобрали современные фотографии

Заменили старые изображения на более живые и понятные: люди, препараты, процесс утилизации. Это делает проект ближе и понятнее пользователю.

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

Обновили шапку сайта для удобства

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

Свернули длинные тексты в аккордеон

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

Акцентировали переход на материнский сайт

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

Упростили форму заявки

Вместо длинного и сложного заголовка сделали короткий и понятный призыв. Так пользователь охотнее оставляет контакты.

Собрали лендинг на Zero Block, что дало полную свободу в дизайне и позволило реализовать все задуманные графические элементы.

Реализовали дизайн строго как в макете. Настроили анимации и интерактив: 

плавное появление блоков при скролле, работа аккордеонов, корректное открытие меню — всё работает без задержек и глюков.

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

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

Аккордеоны, формы и списки адресов переработали под вертикальный скролл. Кнопки стали достаточно крупными, чтобы по ним было удобно попадать пальцем.

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

• Лендинг выглядит легко, стильно и полностью соответствует духу и стилю материнской компании. 
• Сделали сайт удобным для мобильных. Большая часть аудитории заходит со смартфонов. Теперь им не нужно щуриться и приближать экран — всё читается легко, а до кнопок удобно дотянуться пальцем.
• Упростили путь к заявке. Кнопка заказа контейнера всегда на виду, а форма стала понятнее. Пользователю легко оставить заявку на установку Pharma-Ecobox.

Мы превратили морально устаревший сайт в современный и удобный инструмент. Пользователям теперь легко читать и оставлять заявки, а команде «Буарон» — быстро обновлять контент. Этот лендинг стал хорошим примером того, как грамотный редизайн на Tilda закрывает и имиджевые, и технические задачи, не раздувая сроки и бюджет клиента.