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

О КОМПАНИИ:

Это означает, что вода, на самом деле, уникальная. Её нет необходимости искуственно обогощать микроэлементами. Достаточно лишь произвести ультрафиолетовую обработку и фильтрацию

Наша задача - донести все ценности и уникальность воды для потребителей

Мы начали сотрудничество еще на этапе разработки этикетки и бутылки. То есть, на этапе зарождения продукта

Кейс написан про сайт, но это лишь 1/10 всего объема работ. По мере реализации, буду дополнять

Полное маркетинговое сопровождение

Подготовка к продажам и дистрибьюции

Внесение изменений в структуре отдела продаж

Обеспечить продажи воды и узнаваемость бренда

Первое, с чем пришлось столкнуться - отсутствие адекватных референсов и примеров

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

А нам нужно выделиться!

ПРИМЕРЫ ТАКИХ САЙТОВ:

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

Спустя неделю(!!!!) мы всю информацию упаковали в 2 листа и я дальше разбил ее по блокам

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

Информация была на 12 страницах

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

Есть только желание - сделать круче конкурентов

Решаю вдохновиться упоротой статьей и этикеткой.
Беру за основу цвет этикетки и цвет шрифта

ДИЗАЙН

Серая цветовая гамма сразу же ассоциировалась с туманом, горами, облаками

Шрифт на этикетке и синий цвет взял за основу заголовков.

ГРАФИКА

Фото местонахождения источника, Улантова гора

Подбираю тематические изображения и выбираю гору за основу. Улантова гора выглядит слишком просто, поэтому, я выбрал другую, неизвестную, но более объемную гору

Подобранное изображение горы

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

А ответственность за реализацию общей “картинки” передаю своей насмотренности и практике. Я рисовал дизайн сразу же. Без прототипов.
Этот этап был бессмысленный

И еще около 50-ти блоков...

Показывать детально весь этап дизайна не имеет смысла. Перейдем сразу же к верстке и реализации

Как-то раз мне показали один сайт с анимацией step-by-step и он был очень круто реализован. 

Думаю, вы догадываетесь о результате ее работы....

ПЕРВЫЕ ПРОБЛЕМЫ.

Как итог: я получил, то что хотел, только на минималках

Нужно ли описывать происходящее?

Меня выбесил факт того, что я потратил на верстку 25.000 рублей и они ушли в пустую.

Я просто хотел освободить своё время и получить качественную работу

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

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

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

НАЧИНАЮ С НУЛЯ

Но даже на текущим этапе, лишь показав сайт нескольким потенциальным клиентам, я смог их перевести в реальных клиентов

Это не конечная версия сайта, а лишь промежуточный этап.

Итоговую версию сайта можно будет увидеть в середине сентября.

Сейчас он лишь рассказывает о воде и на сайт можно попасть только из коммерческого предложения

ГОТОВО!

Прикрепляю ниже диалог.Мой товарищ, с кем сотрудничаем бок о бок, отправил своему клиенту мою работу и вот что он ответил:

Стоимость разработки текущего сайта составила 140.000 рублей

Мы сейчас говорим не про комплексный подход, а именно про сайт

Но результаты создания промежуточной версии сайта не заставили себя долго ждать

РЕЗУЛЬТАТЫ