Представьте, что вы в жарком Баку. Идете по нагретой до ряби в воздухе мощеной набережной. Солнце припекает, ветерок с моря не дует. Зато в руке у вас — стакан с ледяной водой (урвали из кулера в ближайшем ТЦ). Вы жадно пьёте её, прохладная капелька стекает по вашей шее, и в ней ярко-ярко блестит солнечный лучик. Кайф!

Кстати, вода, которую вы нафантазировали, скорее всего марки «Ипек Су» — половина Баку пьёт именно её. «Ипек Су» — крупнейший поставщик бутилированной воды в столице Азербайджана. Её добывают из природных источников, очищают, разливают и доставляют с 1997 года. А недавно у «Ипек Су» запустился новый сайт — не без нашего участия, конечно :)

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

Поэтому нам нужно было:

• разработать промо-сайт с интересными фишками;
• не забыть про пользователей и сделать так, чтобы они чаще заказывали доставку воды на сайте.

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

Мы решили показать, как добывается вода «Ипек Су»: её выкачивают с глубины 200 метров — она проходит сквозь слои известняка, глины, песка и почвы. Когда пользователь скролит страницу, бутылка поднимается вверх и с фонтанчиком воды вылетает на поверхность.

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

Но растормошенное воображение не успокаивалось, и для следующего экрана у нас родилась ещё одна безумная идея: ДРОНЫ!

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

Поэтому пока на сайте «Ипек Су» в этом месте стоит фотография. У нас же осталась нереализованная потребность встроить на какой-нибудь сайт панорамное видео с дрона. Если вы чувствуете что-то похожее — пишите, обсудим наши больные идеи :)

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

На странице 404 мы сначала хотели поселить водовоза из фильма «Волга, Волга». Помните такой? Если нет, то вы понимаете желание заказчика придумать другой вариант — поэтому теперь на 404-ой «Ипек Су» обезвоженная пустыня. Но водовоз всё равно классный, поэтому оставим-ка его здесь.

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

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

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

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

Когда дорисованные буквы стали выглядеть более-менее прилично, мучения не закончились — начался болезненный деплой. Работать по стандартной схеме «собрали у себя — протестировали — отдали заказчику» было нельзя: пока шла разработка, у «Ипек Су» работал старый сайт, куда сыпались заказы. И их ни в коем случае нельзя было потерять.

Так ручками были перенесены более ста пунктов.

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