Недавно агентство «е—б эдженси» сделало сайт для препарата «Боноферлат» на Taptop — и взяло серебро на Tagline Awards. Мы уже писали об этом кейсе, но тогда в фокусе была сама награда. В этот раз мы поговорили с Марией Ищенко, сооснователем и креативным директором агентства, и обсудили, как вообще принимается решение, какой инструмент использовать для сайта.

У агентства есть несколько собственных критериев, по которым оно выбирает инструмент: привычный конструктор, более гибкую no-code платформу, кастомную разработку, вайб-кодинг или их комбинацию. И Боноферлат стал проектом, на котором этот выбор сработал особенно наглядно.

Агентство, которое подбирает инструмент под задачу, а не наоборот

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

Сайт «е—б эдженси»

Философия агентства, по словам Марии, сформировалась через наблюдение за рынком: одни студии делают сайты технично, но без креатива, другие — красиво, но без глубины, и лишь немногие относятся к сайту как к инструменту, который решает конкретную задачу бизнеса.

Что для «е—б эдженси» значит хороший сайт?

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

— Мария Ищенко, сооснователь и креативный директор «е—б эдженси»

Из этой логики — «сайт как инструмент, а не красивый визуал» — вытекает и то, как агентство относится к выбору технологий: инструмент реализации подбирается под задачу, а не наоборот.

Что на самом деле влияет на выбор инструмента для создания сайта

Из разговора с Марией вырисовывается несколько конкретных вещей, на которые агентство смотрит при выборе технологии для проекта.

Объём визуала и анимации, которую требует идея

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

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

— Мария Ищенко

Оказалось, что переплатить можно не только на кастомной разработке. У агентства был опыт и с другим no-code-инструментом, Webflow: его выбрали как раз ради экономии, но сложная анимация всё равно вылилась в дополнительный бюджет. А вот с Taptop получилось иначе — смогли уложиться примерно в тот же бюджет, что на стандартном конструкторе, но при этом получить нужный уровень анимаций.

«Раньше у нас не было альтернативы за те же деньги. А тут совпал момент: нам как раз потребовался инструмент, и ребята рассказали про Taptop. Я понимала, что для нас это примерно те же деньги: да, мы делаем чуть больше работы по дизайну, чем работая с привычной платформой, но объем затрат несопоставим с кастомными решениями».

— Мария Ищенко

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

Готовность клиента довериться новому инструменту

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

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

— Мария Ищенко

С Боноферлатом это сработало: доверие клиента было настолько велико, что вопрос почти не стоял.

«Так всё совпало, потому что клиент нам доверял и был готов двигаться по нашим предложениям».

— Мария Ищенко

Проект «Боноферлат»

Наличие нужного функционала

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

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

— Мария Ищенко

У Taptop интернет-магазин появился только недавно, Мария об этом ещё не знала. Так что в дальнейшем агентство может расширить пул инструментов для e-commerce.

Как это сработало на практике: кейс Боноферлат

Задача: один препарат, две разные аудитории

Клиент пришёл с классическим брифом: сделать сайт для препарата железа, рассказать, как он работает, какой режим приёма. Аналитика показала, что у продукта две аудитории с разными интересами: пациенты, которые будут принимать препарат (B2C), и врачи, которые будут его рекомендовать (B2B). Нужно было удержать баланс между ними на одном сайте.

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

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

Три креативные концепции сайта

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

С Taptop агентство познакомилось случайно: платформу представил им основатель студии «Изюм».

«Я очень скептично к этому отнеслась, если честно. Но мы созвонились, и Дима рассказал про Taptop, и в процессе я поменяла свое мнение: кейсы ребят на платформе выглядели достойно».

— Мария Ищенко

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

Процесс разработки анимации

Момент совпал идеально: нужный инструмент как раз появился в поле зрения агентства, а цена реализации на Taptop оказалась примерно той же, что и на привычной платформе — просто с чуть большим объёмом работы по дизайну.

Как собирали анимацию: нейросети вместо 3D-продакшена

Одна деталь, которой Мария гордится больше всего в этом проекте — не сама анимация, а то, какими средствами она сделана. На момент работы над Боноферлатом нейросети ещё не были так популярны, как сейчас, но команда сгенерировала все изображения именно с их помощью — и анимировала как последовательность картинок, а не как сложную 3D-сцену.

«По сути, на тот момент, когда мы его реализовывали, ещё не так были популярны нейросети, как сейчас, а мы как раз делали все изображения с нейросетями, то есть это всё сгенерировано. Если бы мы делали 3D, это был бы сложный продакшн, даже сейчас с нейросетями, это был бы очень сложный продакшн — реализовать вот это видео, потом его встроить, чтобы это всё хорошо работало. А мы, по сути, сделали классный эффект очень простыми инструментами».

— Мария Ищенко

Итог работы: сайт «Боноферлат»

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

Подготовка проекта к вёрстке

Доверие клиента как решающий фактор

Здесь же сработал и второй критерий — готовность клиента рискнуть новым инструментом. С Боноферлатом это далось легко.

«У нас было максимальное доверие от клиента, и у нас был проект, где нам хотелось сделать что-то необычное, что будет выделяться среди конкурентов, среди того, что есть на рынке. Мы понимали, что Taptop даёт нам это за счёт интерактива, за счёт качества реализации, и в соответствии с этим мы и выбирали платформу».

— Мария Ищенко

Результат

Сайт для Боноферлата взял серебро на Tagline Awards. Но для самого агентства результат этим не ограничился: Мария, по её собственным словам, стала «фанатом и адептом» платформы — в агентстве её в шутку называют «амбассадором» Taptop.

Дальше агентство реализовало на Taptop ещё несколько проектов — например, Bimar. А заказчик Боноферлата позже вернулся с новым брифом — ещё одним медицинским препаратом. Для него агентство сделало «Актиферт-гель» — уже многостраничный сайт на Taptop.

Сайт «Актиферт-гель»

Как агентство выбирает инструмент сегодня

Сейчас агентство не просто выбирает инструмент один раз и навсегда, а каждый раз проходит через тот же набор критериев заново — и осознанно продаёт клиентам разные варианты в зависимости от задачи. Теперь в набор инструментов, которые они предлагают клиентам, включен и Taptop.

«Мы подбираем способ реализации под каждого конкретного клиента и запрос, который есть, и предлагаем (Taptop) там, где это действительно уместно. Часто оставляем выбор на стороне клиента. Иногда, если понимаем, что у нас будет много изображений, много анимаций и нам потенциально нужен вау-эффект, то мы настаиваем. Если мы понимаем, что будет простая реализация, то мы не настаиваем».

— Мария Ищенко

Но выбор в пользу Taptop сегодня не сводится только к анимации. Отдельно Мария выделяет гибкость CMS — возможность настраивать коллекции и связи между ними почти как угодно.

«Лично для меня есть огромное преимущество в том, что ты можешь настраивать коллекции как твоей душе угодно и создавать много связей, и они могут выглядеть по-разному. Имиджевые проекты я бы тоже, конечно, предпочла делать на Taptop».

— Мария Ищенко

Чеклист: как решить, какой инструмент нужен именно вашему проекту

□ Оцените идею до того, как выбирать инструмент. Если задумка требует сложного интерактива и анимации, которые не укладываются в возможности привычного конструктора — это повод рассмотреть более гибкий инструмент ещё на этапе концепции, а не в процессе вёрстки.

□ Заложите в бюджет возможное удорожание — и решите, когда на нём настаивать. Более гибкий инструмент часто означает больше работы по дизайну. Иногда стоит убедить клиента доплатить ради результата, а иногда разумнее остаться в рамках привычного бюджета.

□ Учитывайте, насколько клиент готов довериться новому инструменту. Смена инструмента — это ещё и смена привычной админки, к которой клиент, возможно, уже привык. Готовность к этому риску стоит обсуждать отдельно от вопросов дизайна.

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

Попробуйте Taptop для своих клиентов

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

Попробовать Taptop бесплатно →

Записаться на демо-тур →