Home / Portfolio / Лендинг / Лендинг для Pure Water

Лендинг для Pure Water

Сайт

Клиент

Стартап в сфере производства бутилированной воды

Сроки реализации

1,5 месяца

Задача

Разработать лендинг с нуля, который объясняет бизнес-модель продукта, формирует доверие к нестандартному формату монетизации и конвертирует посетителей в заявки от рекламодателей и партнёров.

Результат

Запущен минималистичный анимированный лендинг с понятной структурой, адаптивной версткой, базовой SEO-оптимизацией и настройкой аналитики. Сайт стал основным инструментом презентации продукта и привлечения партнёров

Почему бесплатное продать сложнее, чем платное: Как мы сделали лендинг для стартапа с QR-кодом вместо ценника

О проекте

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

То есть на бутылке можно разместить QR-код на рекламируемый продукт или сделать полностью уникальный дизайн этикетки.

Первооткрывателем такого типа бизнеса стала компания из США.

Что они сделали:

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

Конкурентов с такой же бизнес-моделью на территории РФ крайне мало, но они покрывают почти весь объём клиентов. По сути, модель перекочевала из онлайн-бизнеса. Тот же Яндекс создал бесплатный поисковик: пользователь гуглит (или яндексит?) информацию бесплатно, а монетизация идёт за счёт рекламных баннеров и позиций в поисковой выдаче.

Таким образом, одной из первостепенных задач для нас стала отстройка от уже существующих конкурентов. Для стартапа, у которого нет ни кейсов, ни заключённых контрактов с именитыми партнёрами, это не просто задача, а необходимость для выживания. Как мы решили её на сайте — рассказываем дальше.

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

Задача и аналитика

Первым этапом мы выстраивали предпроектную логику: разобрали бизнес-модель, пользовательские сценарии и структуру будущего лендинга.

Мы проанализировали прямых и косвенных конкурентов, а также смежные модели — рекламные платформы, FMCG-бренды и проекты с бесплатным продуктом.

В итоге у нас появилось несколько опорных тезисов, на основе которых мы выстроили структуру:

1. Бесплатный продукт вызывает недоверие

В категории FMCG «бесплатно» воспринимается не как преимущество, а как подозрение. Пользователь ищет подвох и не доверяет модели без объяснения.

2. У проекта нет накопленного доверия (кейсов и трекшена)

Pure Water — стартап без реализованных кейсов и доказанной эффективности, что критично для B2B-аудитории.

3. Две аудитории с разными задачами

Сайт должен одновременно работать: на B2B (рекламодатели — основная цель) на B2C (пользователи — как фактор доверия)

4. Социальная миссия — ключевой элемент позиционирования

Благотворительность — не дополнительный бонус, а один из главных факторов восприятия проекта.

5. Лендинг — не основной канал продаж, а инструмент подтверждения

Первые сделки будут происходить офлайн, сайт — усиливает доверие после контакта.

6. Региональный запуск ограничивает, но упрощает старт

Меньше конкуренции, но и ограниченный рынок рекламодателей.

7. Есть риск восприятия как “дешёвого рекламного носителя”

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

8. Сильная сторона — уникальная комбинация модели

Бесплатный продукт + реклама + благотворительность — редкое сочетание на рынке.

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

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

Дизайн

Так как Pure Water — стартап, готовых наработок было крайне мало. У клиента был базовый визуальный фундамент: логотип, цвета и отдельные элементы айдентики, всё остальное предстояло разработать нам.

На основе анализа (и, конечно, видения клиента) мы поставили главную задачу проекта: не просто представить компанию в онлайн-пространстве, а собрать её бизнес-модель в понятный сценарий:

объяснить механику бесплатной воды
показать, как работает рекламная модель
донести ценность для рекламодателей
и собрать заявки от потенциальных партнёров

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

Плюс у проекта есть ещё один слой — социальный: с каждой бутылки 1 рубль направляется на благотворительность. Это тоже нужно было обязательно включить в финальную структуру проекта.

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

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

3D сцена и анимация первого экрана

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

Несмотря на то, что сегодня многие задачи в 3D могут закрываться с помощью нейросетей, ни одна из моделей не дала бы нужного уровня управляемости. Нам было важно точно передать форму бутылки, не исказив её условностями генерации. Поэтому в финальном варианте мы создали и саму модель бутылки, и итоговую сцену в Blender.

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

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

Верстка и интеграция

Разработка шла в спокойном режиме: без архитектурных сложностей и нестандартных интеграций. Мы реализовали адаптивную верстку, базовую анимацию и подготовили сайт под дальнейшее SEO-продвижение.

В качестве CMS использовали WordPress — как наиболее гибкое решение для будущего масштабирования.

Дополнительно настроили:

базовую SEO-структуру
кэширование
защиту от базовых уязвимостей
аналитику через Яндекс.Метрику
формы для сбора заявок
калькулятор для расчета стоимости

Коммуникация и процесс

Работа шла в связке через Telegram и онлайн-встречи в Телемосте.

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

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

Результаты:

Проект стартовал в феврале и уже к концу марта мы подошли к завершению.

В итоге получился лендинг, который:

объясняет модель бизнеса без перегруза
выстраивает доверие к нестандартному формату продукта
собирает заявки от рекламодателей
и может масштабироваться дальше вместе с развитием проекта

Это тот случай, когда задача была не в сложности реализации, а в точности упаковки идеи.

Результаты

Проект стартовал в феврале и уже к концу марта мы подошли к завершению.

В итоге получился лендинг, который:

объясняет модель бизнеса без перегруза
выстраивает доверие к нестандартному формату продукта
собирает заявки от рекламодателей
и может масштабироваться дальше вместе с развитием проекта

Это тот случай, когда задача была не в сложности реализации, а в точности упаковки идеи.

Примерная стоимость работ

от 360 000 ₽

Сроки реализации проекта