В мае 2025 года команда продуктового дизайна Intercom собралась в Лондоне на уникальный хакатон, посвящённый использованию искусственного интеллекта для кодинга и разработки продуктов. Целью стало создать что-то новое, интерактивное и полезное с минимальным временем и ресурсоёмкостью, основным инструментом в котором служил ИИ. В этом мероприятии приняли участие дизайнеры не только из Великобритании, но и из Дублина, Барселоны, Амстердама, Шамони и Мерсисайда. Такое масштабное и международное сотрудничество подчёркивало важность задачи и стремление команды выжать максимум из современных технологий.Участники хакатона могли использовать разнообразные AI-инструменты, включая Lovable, Windsurf, Replit и Cursor.
Основной вызов состоял в том, чтобы выбрать проект, инструмент, и максимально быстро и эффективно воплотить идею в рабочее решение, при этом практически не привлекая инженеров в процесс. Такой подход стал экспериментом с так называемым «vibe coding» — когда дизайнеры напрямую работают с кодом через AI, создавая продукт своими силами.Вместе с коллегами Дарьей Воронцовой и Таней Ермолаевой автор проекта выбрал создание нового вебсайта под названием «Intercom Design» — центра, который объединит все материалы, истории, кейсы, вдохновения и лидершип в области дизайна Интеркома. Задача заключалась в создании пространства, где команда может делиться своими знаниями и достижениями, а пользователи смогут легко и увлекательно исследовать контент.Отправной точкой стало стремление создать «desktop collage» — необычный опыт с визуальной метафорой, отражающей творческую и часто хаотичную реальность работы дизайнеров.
Вдохновившись портфолио известных дизайнеров, таких как Алек Бабала и Йейджи Сео, а также возможностями таких инструментов как FigJam, команда решила сделать сайт своего рода интерактивным холстом, на котором пользователи могут свободно перемещаться и изучать размещённый материал.Первый этап работы был посвящён глубокому и подробному составлению промптов для ИИ. В Lovable был создан двухстраничный подробный запрос, в котором прописывались основные требования — от структуры до интерактивных элементов. Команда надеялась на эффект «one-shot» — когда ИИ с первого раза создаст максимально близкий к желаемому результат. Поразительно, но из ничего ИИ вернул рабочий прототип сайта с несколькими блоками контента, расположенными на канвасе.
Это стало настоящим «ах-ха» моментом. Однако на этом сюрпризы не закончились. После изучения выяснилось, что несмотря на уверения AI, блоки не были перетаскиваемыми и страница не обладала скроллингом, что было важными требованиями. Вопреки повторным просьбам исправить эти недочёты, ИИ лишь «убеждал» о выполнении задачи, при этом изменения не соответствовали реальности. Каждый новый запрос по доработке сбивал структуру сайта — казалось, что поправки в одном месте разрушали работу в другом.
Так команда столкнулась с фундаментальной трудностью: современные генеративные модели не всегда адекватно понимают и воспроизводят сложные интерактивные веб-элементы.Хотя технологическая база Lovable помогла создать основу, её ограничения вынуждали искать другие решения. Пришлось сделать трудный выбор в пользу версии с минимумом функционала, но с реальной возможностью демонстрации. Команда договорилась закончить на уровне MVP — минимально жизнеспособного продукта, который работает и без изысков. Такой подход позволил «выйти в свет» с работоспособным продуктом, пусть и с явными погрешностями.
Полученный опыт не остался незамеченным на командном брифинге, где проекты всех дизайнерских команд были представлены. Несмотря на несовершенство, сайт Intercom Design получил первое место, что стало признанием его потенциала и идеи. Но вместе с успехом появилась и новая задача — довести начальную версию до полноценного и полноценного ресурса, способного выдержать реальную нагрузку.В течение следующих двух недель разработчики продолжили работу, выбрав для доработки Cursor — инструмент, предоставлявший больший контроль и работу с Vanilla JS без громоздких библиотек. Перенос сайта с Lovable на Cursor с нуля занял время, но после этого процесс пошёл быстрее.
Cursor позволил повысить производительность и улучшить вид сайта.Между тем дизайнеры совершенствовали интерфейс, внедряя интерактивные решения, которые стали постепенно обогащать пользовательский опыт — разработали плавный и удобный скроллинг, оптимизировали макет и визуальные элементы, добавили миникарту для навигации, анимации при наведении и даже тёмную тему для комфорта глаз.Важной частью успеха стала работа над содержанием сайта. Команда тщательно проанализировала, как структурировать материалы, сколько элементов должно находиться в каждой группе, и насколько актуальны и свежи опубликованные кейсы и статьи. Понимание важности контента как ключевого элемента помогло сформировать контент-план, который впоследствии послужит основой для постоянного обновления и развития ресурса.
Начальная версия сайта была запущена без полноценной CMS, что позволило сосредоточиться на конкретном выборе и размещении статей, видео и подкастов, а также отдельных карточек с цитатами и соцпостами. Такой подход дал возможность быстро вывести продукт на публику, протестировать его востребованность и наметить дальнейшие шаги по автоматизации и расширению функционала.Сейчас Intercom Design — это живой ресурс, где любой заинтересованный может окунуться в дизайн-мир компании, познакомиться с кейсами, послушать подкасты и получить вдохновение. Самое главное — этот результат был достигнут троицей дизайнеров, без существенного вовлечения инженеров и с помощью всего двух AI-инструментов всего за один рабочий день. Этот кейс демонстрирует, как творческий подход, современные технологии и упорство позволяют кардинально изменить процесс создания цифровых продуктов.
Опыт Intercom Design показывает, что хайповый тренд использования искусственного интеллекта для продуктовой разработки постепенно выходит из разряда экспериментов в практическую реальность. При грамотном планировании и умелом использовании мощь ИИ можно направить на создание работающих решений с минимальными затратами времени и ресурсов, сохраняя гибкость и открытость для доработок.Данный проект также подчеркивает важность качества и структуры контента для успеха любого цифрового продукта. Хорошо отстроенное ядро сайта и привлекательный, осмысленный материал — залог удержания аудитории и развития сообщества вокруг ресурса. Команда Intercom Design уже планирует дальнейшее развитие платформы, включая интеграцию с CMS и расширение редакционной политики с новыми подкастами и интервью с дизайнерами компании.
В целом, история хакатона Intercom Design — вдохновляющий пример того, как современные дизайнеры могут самостоятельно брать на себя разработку своих цифровых активов, используя инструменты искусственного интеллекта, не дожидаясь инженерной поддержки. Это открывает новые перспективы для отрасли и создает новые стандарты скорости, эффективности и творческого самовыражения.
